@charset "utf-8"; /* author:Kelp; date:2022-07-30; Copyright:©Kelp; */ /*--banner--*/ .banner{position:relative;overflow:hidden;} .banner .pic{position:relative;margin:0 auto;max-width:1920px;overflow:hidden;} .banner .pic img{display:block;position:relative;} .banner .text{position:absolute;z-index:99;left:50%;top:50%;padding-left:45px;width:83.33vw;max-width:1400px;transform:translate(-50%,-50%);} .banner .text h1{font:bold 53px/1 "Noto Sans SC";letter-spacing:2px;color:#fff;animation:fadeInDown 1.5s;} .banner .text h2{margin-top:25px;font:27px/1 "OPPOSansM";letter-spacing:2px;color:#fff;text-transform:uppercase;animation:fadeInDown 2s;} .banner .text.tr{text-align:right;} .banner .text.gray *{color:#6a6a6a;} @media(min-width:1200px){ .banner .pic img{animation:bannerMovie 2s;} } @media(max-width:1200px){ .banner .pic img{width:100%;} .banner .text{left:0;top:50%;padding:0;width:100%;text-align:center !important;transform:translateY(-50%);} .banner .text h1{font-size:24px;} .banner .text h2{margin-top:12px;font-size:16px;} } @keyframes bannerMovie{ 0%{transform:scale(1.2);} 100%{transform:scale(1);} } /*--end banner--*/ /*--main--*/ #main{overflow:hidden;} #leftBar{float:left;padding-left:45px;width:370px;overflow:hidden;} #leftBar .box-title{margin-top:70px;} #leftBar .box-title em{display:none;font-size:26px;color:#5a5959;text-transform:uppercase;letter-spacing:-1px;} #leftBar .box-title h2{font-weight:bold;font-size:45px;line-height:1.5;color:#5a5959;} #leftBar .box-title span{margin-top:10px;font-weight:normal;font-size:34px;letter-spacing:-1px;color:#e44709;text-transform:uppercase;} #rightBar{float:right;width:calc(100% - 370px);overflow:hidden;background:#fff;border-top-left-radius:160px;} @media(max-width:1200px){ #leftBar{display:none;} #rightBar{float:none;width:100%;border-top-left-radius:80px;} } /*--end main--*/ /*--pagerBar--*/ .pagerBar{margin-top:50px;overflow:hidden;} .pagerBar .pc{padding:25px;line-height:28px;text-align:center;overflow:hidden;} .pagerBar .pc a{display:inline-block;margin:0 6px;width:32px;font-size:13px;color:#5a5959;border:#d8d8d8 solid 1px;} .pagerBar .pc a.prev,.pagerBar .pc a.next{width:56px;} .pagerBar .pc a[disabled]{border:none;} .pagerBar .pc a:hover,.pagerBar .pc a.cur{color:#e44709;border-color:#e44709;} .pagerBar .mc{display:none;flex-wrap:wrap;text-align:center;overflow:hidden;} .pagerBar .mc a{display:block;flex:1;line-height:45px;font-size:14px;color:#5a5959;border:#d8d8d8 solid 1px;} @media(max-width:1200px){ .pagerBar .pc{display:none;} .pagerBar .mc{display:flex;} .pagerBar .mc a[disabled]{display:none;} } /*--end pagerBar--*/ /**--------------关于栏目开始------------------**/ /*--aboutus--*/ .aboutus{background:url(../images/Help/aboutus_bg.jpg) no-repeat 0 0 / cover;} .company-intro{padding:65px 60px 105px 115px;overflow:hidden;} .company-intro .summary{line-height:26px;font-size:14px;color:#686868;overflow:hidden;} .company-intro .pic{margin-top:10px;transform:translateX(-115px);width:calc(100% + 115px);} .company-intro .cont{margin-top:20px;line-height:26px;font-size:14px;color:#686868;overflow:hidden;} @media(max-width:1200px){ .company-intro{padding:30px;} .company-intro .summary{line-height:1.75;} .company-intro .pic{transform:translateX(-30px);width:calc(100% + 30px);} .company-intro .cont{margin-top:10px;line-height:1.75;} } /*--end aboutus--*/ /*--history--*/ .history{background:url(../images/Help/history_bg.jpg) no-repeat 0 0 / cover;} .company-history{padding:65px 80px;overflow:hidden;} .company-history .item{margin-bottom:15px;overflow:hidden;} .company-history .hd{overflow:hidden;} .company-history .hd em{display:block;font-family:'OPPOSansB';font-size:28px;font-weight:500;color:#e44709;} .company-history .hd em b{font-weight:600;} .company-history .hd h3{margin-top:10px;font-size:22px;color:#565454;} .company-history .bd{position:relative;padding-top:20px;overflow:hidden;} .company-history .bd .list{display:flex;flex-wrap:wrap;} .company-history .bd .list dl{margin-bottom:30px;width:33.33%;} .company-history .bd .list dt{font-family:'OPPOSansB';font-size:22px;font-weight:500;color:#565454;} .company-history .bd .list dd{padding-top:10px;font-size:13px;line-height:1.75;color:#9b9c9c;overflow:hidden;} .company-history .bd .list dd small{display:block;color:#e1e1e1;} .company-history .bd .list dl:hover dt{color:#e44709;} .company-history .item:nth-child(1){animation:fadeInUp 1s;} .company-history .item:nth-child(2){animation:fadeInUp 2s ;} .company-history .item:nth-child(3){animation:fadeInUp 3s;} .company-history .item:nth-child(4){animation:fadeInUp 4s;} @media(max-width:1200px){ .company-history{padding:30px;} .company-history .bd .list{justify-content:space-between;} .company-history .bd .list dl{margin-bottom:20px;width:46%;} } /*--end history--*/ /*--honors--*/ .honors{background:url(../images/Help/honors_bg.jpg) no-repeat 0 0 / cover;} .company-honors{padding:65px;background:#fff url(../images/Help/honors_main_bg.jpg) no-repeat right bottom;} .honors-list{position:relative;overflow:hidden;} .honors-list:after{display:block;position:absolute;left:50%;top:0;width:1px;height:100%;content:"";background:#b3b3b3;} .honors-list .item{position:relative;z-index:9;margin-bottom:20px;width:calc(50% + 5px);overflow:hidden;} .honors-list .item:before{display:block;position:absolute;top:12px;width:10px;height:10px;content:"";border:#b3b3b3 solid 1px;border-radius:50%;background:#e44709;} .honors-list .item:nth-child(odd){padding-left:45px;transform:translateX(calc(100% - 10px));} .honors-list .item:nth-child(odd):before{left:0;} .honors-list .item:nth-child(even){padding-right:45px;text-align:right;} .honors-list .item:nth-child(even):before{right:0;} .honors-list .item dl{padding-bottom:20px;overflow:hidden;background:url(../images/Help/history_list.png) no-repeat;opacity:1;transform:translateY(100%);transition:all 1s;} .honors-list .item dt{font-size:26px;font-family:"OPPOSansB";font-weight:500;color:#e44709;} .honors-list .item dd{padding-top:6px;overflow:hidden;} .honors-list .item dd p{margin-bottom:5px;font-size:13px;line-height:24px;color:#9b9c9c;} .honors-list .item dd p:hover{color:#e44709;} .honors-list .item:nth-child(odd) dl{background-position:0 bottom;} .honors-list .item:nth-child(even) dl{background-position:right bottom;} .honors-list .item dl:hover{background-image:url(../images/Help/history_list_cur.png)} .honors-list .item.animated dl{opacity:1;transform:translateY(0);} @media(max-width:1200px){ .company-honors{padding:30px;} .honors-list:after{left:5px;} .honors-list .item{width:100%;} .honors-list .item:nth-child(odd){padding-left:50px;transform:translateX(0);} .honors-list .item:nth-child(even){padding-right:0;padding-left:50px;text-align:left;} .honors-list .item:nth-child(even):before{left:0;right:unset;} .honors-list .item:nth-child(even) dl{background-position:0 bottom;} } /*--end honors--*/ /*--duty--*/ .duty{background:url(../images/Help/duty_bg.jpg) no-repeat center 0;} .duty #rightBar{overflow:visible;} .company-duty{padding-top:40px;background:#fff;} .duty-list .group{overflow:hidden;} .duty-list .item{padding:45px;overflow:hidden;background-position:center;background-size:cover;} .duty-list .item h3{margin-bottom:16px;font-size:22px;color:#fff;} .duty-list .item p{font-size:13px;line-height:25px;color:#fff;} .duty-list .item i{display:block;margin-top:25px;width:118px;height:16px;background:url(../images/Help/duty_icon.png) no-repeat;} .duty-list .group-1 .item{margin:0 auto;width:80.4%;height:290px;overflow:hidden;animation:fadeInDown 1.5s;} .duty-list .group-1 .item .text{max-width:360px;} .duty-list .group-2{position:relative;display:flex;flex-wrap:wrap;width:122%;transform:translateX(-18%);overflow:visible;} .duty-list .group-2:after{display:block;position:absolute;left:0;bottom:0;width:88px;height:88px;content:"";background:#e44709;opacity:.1;transform:translate(-100%,100%);} .duty-list .group-2 .item{width:50%;height:304px;} .duty-list .group-2 .item .text{max-width:340px;} .duty-list .group-2 .item:nth-child(1){animation:fadeInLeft 1.5s;} .duty-list .group-2 .item:nth-child(1) h3{color:#e44709;} .duty-list .group-2 .item:nth-child(1) p{color:#686868;} .duty-list .group-2 .item:nth-child(2){animation:fadeInRight 1.5s;} .duty-list .group-3 .item{margin:0 auto;padding:45px 80px;width:89.5%;height:300px;overflow:hidden;animation:fadeInUp 1.5s;} .duty-list .group-3 .item .text{max-width:360px;} .duty-datas{padding:120px 0;overflow:hidden;background:url(../images/Help/duty_datas_bg.jpg) no-repeat 0 bottom / 100%;} .duty-datas-slide{position:relative;padding:0 100px;overflow:hidden;} .duty-datas-slide .swiper-prev,.duty-datas-slide .swiper-next{position:absolute;top:0;width:60px;height:100%;cursor:pointer;background-repeat:no-repeat;background-position:center;} .duty-datas-slide .swiper-prev{left:0;background-image:url(../images/Help/duty_prev.png);} .duty-datas-slide .swiper-next{right:0;background-image:url(../images/Help/duty_next.png);} .duty-datas-slide .swiper-cont{overflow:hidden;} .duty-datas-slide dt{position:relative;padding-bottom:30px;font-size:26px;font-family:"OPPOSansB";font-weight:500;color:#e44709;} .duty-datas-slide dt:before,.duty-datas-slide dt:after{display:block;position:absolute;left:0;content:"";} .duty-datas-slide dt:before{z-index:1;bottom:10px;width:100%;height:1px;background:#c6c6c6;} .duty-datas-slide dt:after{z-index:2;bottom:0;width:20px;height:20px;background:#fff;border:#c6c6c6 solid 3px;border-radius:50%;} .duty-datas-slide dd{padding-top:10px;overflow:hidden;} .duty-datas-slide dd p{margin-bottom:5px;font-size:13px;line-height:24px;color:#9b9c9c;} @media(max-width:1200px){ .duty-list{padding:0 10px;} .duty-list .item{margin-bottom:10px !important;padding:30px;} .duty-list .group-1 .item{width:100%;height:auto;} .duty-list .group-2{width:100%;transform:translate(0);} .duty-list .group-2 .item{width:100%;height:auto;} .duty-list .group-3 .item{padding:30px;width:100%;height:auto;} .duty-datas{padding:50px 0;} .duty-datas-slide{padding:0 10px;} .duty-datas-slide .swiper-prev,.duty-datas-slide .swiper-next{display:none;} } /*--end duty--*/ /**--------------关于栏目结束------------------**/ /**--------------新闻栏目开始------------------**/ /*--newsCenter--*/ .newsCenter{background:url(../images/News/news_center_bg.jpg) no-repeat 0 / cover;} .newsCenter #leftBar .box-title span{font-size:27px;} .news-cont{padding:80px 30px 100px 100px;overflow:hidden;} .news-list .item{display:block;padding:20px 30px 20px 0;overflow:hidden;border-bottom:#efefef solid 2px;transition:all 1s;} .news-list .item:last-child{border-bottom:none;} .news-list .date{float:right;position:relative;width:120px;text-align:right;overflow:hidden;} .news-list .date em{display:block;font-size:39px;color:#fff;-webkit-text-stroke:2px #cfcfcf;} .news-list .date span{display:block;font-size:23px;color:#fff;-webkit-text-stroke:2px #cfcfcf;} .news-list .text{padding-right:100px;overflow:hidden;transition:all 1s;} .news-list .text h3{font-size:22px;color:#e44709;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .news-list .text p{margin-top:10px;height:48px;line-height:24px;font-size:13px;color:#686868;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .news-list .item:hover .text{transform:translateX(20px);} .news-list .item:hover .date em, .news-list .item:hover .date span{-webkit-text-stroke:2px #f09a78;} @media(max-width:1200px){ .news-cont{padding:30px;} .news-list .date{margin-top:8px;width:60px;height:44px;line-height:22px;} .news-list .date em{font-size:20px;} .news-list .date span{font-size:16px;} .news-list .item{padding:10px 15px 10px 0;} .news-list .text{padding-right:20px;} .news-list .text h3{font-size:16px;font-weight:normal;} .news-list .text p{margin-top:5px;height:38px;line-height:18px;font-size:12px;} } /*--end newsCenter--*/ /*--newsShow--*/ .newsShow{background:url(../images/News/news_center_bg.jpg) no-repeat 0 / cover;} .newsShow .wrapper{overflow:hidden;background:#fff;} .newsShow #leftBar .box-title span{font-size:27px;} .newsShow #rightBar{border-radius:0 !important;} .news-article{padding:60px;overflow:hidden;} .news-article .tit{padding-bottom:25px;overflow:hidden;background:url(../images/News/news_tit.png) no-repeat 0 bottom;} .news-article .tit h2{font-size:27px;line-height:1.5;color:#e44709;} .news-article .content{margin-top:25px;font-size:20px;line-height:1.5;color:#686868;overflow:hidden;} .article-pager{margin-top:50px;overflow:hidden;} .article-pager>div{line-height:2;font-size:18px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .article-pager>div a:hover{color:#e44709;} @media(max-width:1200px){ .newsShow .wrapper{width:100%;transform:translateX(0);} .news-article{padding:30px;} .news-article .tit h2{font-size:18px;} .news-article .content{font-size:14px;} .article-pager>div{font-size:14px;} } /*--end newsShow--*/ /**--------------新闻栏目结束------------------**/ /**--------------业务栏目开始------------------**/ .products{background:url(../images/Products/products_bg.jpg) no-repeat center / cover;} /*--地产开发--*/ .products-dckf{padding:65px 50px 50px;overflow:hidden;background:#fff;} .dckf-intro{overflow:hidden;} .dckf-intro .tit{float:left;overflow:hidden;} .dckf-intro .tit h3{font-weight:500;font-size:28px;color:#e44709;} .dckf-intro .tit em{display:block;font-size:22px;font-family:"OPPOSansM";color:#dedede;text-transform:uppercase;} .dckf-intro .tit p{margin-top:25px;line-height:35px;font-size:22px;color:#898787;} .dckf-intro .summary{float:right;padding:0 30px;width:670px;line-height:25px;font-size:13px;color:#5a5959;text-align:justify;overflow:hidden;} .dckf-main{margin-top:80px;overflow:hidden;} .dckf-main .hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;overflow:hidden;} .dckf-main .hd .menu{overflow:hidden;} .dckf-main .hd .menu ul{display:flex;} .dckf-main .hd .menu li{margin-right:32px;padding:0 6px;line-height:50px;font-size:14px;color:#4a4a4a;cursor:pointer;overflow:hidden;} .dckf-main .hd .menu li.cur{background:url(../images/Products/menu_cur.png) no-repeat center bottom;} .dckf-main .hd .from{position:relative;width:32px;height:32px;} .dckf-main .hd .from .pop{position:absolute;right:100%;top:0;width:310px;height:32px;background:#f7f7f7;} .dckf-main .hd .from .pop input{display:block;padding:0 10px;width:100%;height:32px;border:none;background:transparent;} .dckf-main .hd .from .pop button{display:block;position:absolute;top:0;right:0;width:80px;height:100%;font-size:14px;color:#fff;border:none;background:#e44709;} .dckf-main .hd .from .btn{display:flex;align-items:center;justify-content:flex-end;width:32px;height:32px;cursor:pointer;} .dckf-main .hd .from .btn i{display:block;width:20px;height:20px;background:#e34709 url(../images/products/icon_search.png) no-repeat center / 12px;border-radius:50%;} .dckf-main .bd{padding-top:32px;overflow:hidden;} .dckf-slide{display:none;overflow:hidden;} .dckf-slide ul{display:flex;flex-wrap:wrap;margin:-10px -20px;} .dckf-slide li{margin:10px 20px;padding-bottom:7px;width:calc(33.33% - 40px);overflow:hidden;border-bottom:#ededed solid 4px;transition:all 1s;} .dckf-slide li a{display:block;position:relative;overflow:hidden;} .dckf-slide li img{display:block;transition:all 1s;} .dckf-slide li span{display:block;position:absolute;z-index:3;left:0;bottom:0;padding:0 10px;width:150px;height:32px;line-height:32px;text-align:center;font-size:18px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#e44709;border-top-right-radius:30px;} .dckf-slide li:hover{border-color:#e44709;box-shadow:0 0 10px rgba(0,0,0,0.1);} .dckf-slide li:hover img{transform:scale(1.1);} .dckf-slide .swiper-pager{padding-top:22px;text-align:center;overflow:hidden;} .dckf-slide .swiper-pager span{margin:0 10px !important;width:12px;height:12px;background:#fff;border:#a5a5a5 solid 1px;border-radius:50%;opacity:1;} .dckf-slide .swiper-pager span.swiper-pagination-bullet-active{background:#e44709;border-color:#e44709;} @media(max-width:1200px){ .products-dckf{padding:30px;} .dckf-intro .tit{float:none;padding-left:0;width:100%;} .dckf-intro .tit h3{font-size:22px;} .dckf-intro .tit em{font-size:16px;} .dckf-intro .tit p{margin-top:12px;font-size:16px;line-height:1.5;} .dckf-intro .summary{float:none;padding:20px 0 0;width:100%;line-height:1.5;font-size:13px;} .dckf-main{margin-top:40px;} .dckf-main .hd .menu li{margin-right:5px;font-size:13px;} .dckf-main .hd .from{display:none;} .dckf-slide ul{margin:-2px;} .dckf-slide li{margin:2px;width:calc(50% - 4px);} .dckf-slide li span{position:static;width:100%;font-size:14px;border-top-right-radius:0;} .dckf-slide .swiper-pager span{margin:0 4px !important;width:8px;height:8px;} } /*--end 地产开发--*/ /*--城市更新--*/ .products-csgx{padding-top:65px;overflow:hidden;} .csgx-intro{overflow:hidden;} .csgx-intro .tit{float:left;padding-left:45px;overflow:hidden;} .csgx-intro .tit h3{font-weight:500;font-size:26px;color:#e44709;} .csgx-intro .tit em{display:block;font-size:22px;font-family:"OPPOSansM";color:#dedede;text-transform:uppercase;} .csgx-intro .tit p{margin-top:25px;line-height:35px;font-size:22px;color:#898787;} .csgx-intro .summary{float:right;padding:0 30px;width:670px;line-height:25px;font-size:13px;color:#5a5959;text-align:justify;overflow:hidden;} .csgx-main{margin-top:80px;overflow:hidden;} .csgx-main li img{display:block;transition:all 1s;} .csgx-main li:hover img{transform:scale(1.1);} .csgx-text{padding-bottom:50px;overflow:hidden;background:#fff;} .csgx-text .swiper-pager{margin-bottom:30px;padding:15px 0;text-align:center;overflow:hidden;} .csgx-text .swiper-pager span{margin:0 10px !important;width:12px;height:12px;cursor:pointer;opacity:1;background:none;border:#a5a5a5 solid 1px;border-radius:50%;} .csgx-text .swiper-pager span.swiper-pagination-bullet-active{border-color:#e44709;background:#e44709;} .csgx-text .item{display:none;text-align:center;overflow:hidden;} .csgx-text .item h3{font-size:20px;line-height:1.5;color:#e44709;} .csgx-text .item h3 a{color:#e44709;} .csgx-text .item h3:after{display:block;margin:6px auto;width:6px;height:3px;content:"";background:url(../images/Products/csgx_tit.png) no-repeat;} .csgx-text .item em{font-size:12px;color:#686868;} .csgx-text .item .summary{margin-top:20px;line-height:1.5;font-size:13px;color:#686868;} @media(max-width:1200px){ .products-csgx{padding:30px 30px 0;} .csgx-intro .tit{float:none;padding-left:0;width:100%;} .csgx-intro .tit h3{font-size:22px;} .csgx-intro .tit em{font-size:16px;} .csgx-intro .tit p{margin-top:12px;font-size:16px;line-height:1.5;} .csgx-intro .summary{float:none;padding:20px 0 0;width:100%;line-height:1.5;font-size:13px;} .csgx-text{padding:0 30px 30px;} .csgx-text .swiper-pager{margin-bottom:15px;padding:8px 0;} .csgx-text .swiper-pager span{margin:0 4px !important;} .csgx-text .item{text-align:left;} .csgx-text .item h3{font-size:18px;} .csgx-text .item h3:after{margin-left:0;} } /*--end 城市更新--*/ /*--商业运营--*/ .syyy-intro{overflow:hidden;} .syyy-intro .tit{float:left;padding-left:45px;overflow:hidden;} .syyy-intro .tit h3{font-weight:500;font-size:26px;color:#e44709;} .syyy-intro .tit em{display:block;font-size:22px;font-family:"OPPOSansM";color:#dedede;text-transform:uppercase;} .syyy-intro .tit p{margin-top:25px;line-height:35px;font-size:22px;color:#898787;} .syyy-intro .summary{float:right;padding:0 30px;width:670px;line-height:25px;font-size:13px;color:#5a5959;text-align:justify;overflow:hidden;} .syyy-intro{padding:45px 0 80px;overflow:hidden;} .syyy-case{overflow:hidden;background:url(../images/Products/syyy_case_bg.jpg) no-repeat center / cover;} .syyy-case-swiper{position:relative;} .syyy-case-menu{position:absolute;z-index:9;top:65px;left:0;padding:0 45px;width:540px;height:38px;line-height:38px;overflow:hidden;} .syyy-case-menu .prev,.syyy-case-menu .next{position:absolute;top:0;width:45px;height:38px;cursor:pointer;} .syyy-case-menu .prev{left:0;background:url(../images/Products/arrow-left.png) no-repeat center;} .syyy-case-menu .next{right:0;background:url(../images/Products/arrow-right.png) no-repeat center;} .syyy-case-menu .list{overflow:hidden;} .syyy-case-menu .list li{position:relative;font-size:16px;color:#6a6a6a;text-align:center;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .syyy-case-menu .list li:before,.syyy-case-menu .list li:after{display:block;position:absolute;left:0;width:100%;height:2px;content:"";background:#d4d4d4;} .syyy-case-menu .list li:before{top:0;} .syyy-case-menu .list li:after{bottom:0;} .syyy-case-menu .list li.swiper-slide-active{color:#e44709;} .syyy-case-menu .list li.swiper-slide-active:before,.syyy-case-menu .list li.swiper-slide-active:after{background:#e44709;} .syyy-case-main .item{display:none;} .syyy-case-main .cont{display:flex;flex-wrap:wrap;flex-direction:row-reverse;} .syyy-case-main .pic{position:relative;width:calc(100% - 540px);} .syyy-case-main .pic img{display:block;width:auto;max-width:unset;} .syyy-case-main .text{position:relative;padding:180px 45px 0;width:540px;animation:fadeInUp 1.5s} .syyy-case-main .text h3{padding-bottom:26px;font-size:26px;border-bottom:#ee9b79 solid 2px;} .syyy-case-main .text h3 a{color:#e44709;} .syyy-case-main .text .bd{padding-top:26px;overflow:hidden;} .syyy-case-main .text .bd span{display:inline-block;margin-bottom:25px;padding-right:6px;font-size:20px;color:#6a6a6a;background:url(../images/Products/syyy_case_icon.png) no-repeat right 95%;} .syyy-case-main .text .bd p{font-size:13px;line-height:1.5;color:#6a6a6a;} @media(max-width:1200px){ .syyy-intro .tit{float:none;padding-left:0;width:100%;} .syyy-intro .tit h3{font-size:22px;} .syyy-intro .tit em{font-size:16px;} .syyy-intro .tit p{margin-top:12px;font-size:16px;line-height:1.5;} .syyy-intro .summary{float:none;padding:20px 0 0;width:100%;line-height:1.5;font-size:13px;} .syyy-intro{padding:20px 30px;} .syyy-case-swiper{padding:30px 0;} .syyy-case-menu{position:relative;top:unset;width:100%;} .syyy-case-menu .list li{font-size:14px;} .syyy-case-main{margin-top:20px;} .syyy-case-main .pic{width:100%;} .syyy-case-main .pic img{width:100%;} .syyy-case-main .text{padding:20px 30px;width:100%;} .syyy-case-main .text h3{padding-bottom:15px;font-size:20px;} .syyy-case-main .text .bd{padding-top:15px;} .syyy-case-main .text .bd span{margin-bottom:15px;font-size:16px;} } /*--end 商业运营--*/ /*--物业管理--*/ .products-wygl{overflow:hidden;} .wygl-intro{overflow:hidden;} .wygl-intro .tit{float:left;padding-left:45px;overflow:hidden;} .wygl-intro .tit h3{font-weight:500;font-size:26px;color:#e44709;} .wygl-intro .tit em{display:block;font-size:22px;font-family:"OPPOSansM";color:#dedede;text-transform:uppercase;} .wygl-intro .tit p{margin-top:25px;line-height:35px;font-size:22px;color:#898787;} .wygl-intro .summary{float:right;padding:0 30px;width:670px;line-height:25px;font-size:13px;color:#5a5959;text-align:justify;overflow:hidden;} .wygl-intro{padding:45px 0 80px;overflow:hidden;} .wygl-datas{display:flex;flex-wrap:wrap;overflow:hidden;} .wygl-datas .item{padding:75px 50px;width:50%;height:230px;overflow:hidden;} .wygl-datas .item-1{background:url(../images/Products/wygl_datas_l.jpg) no-repeat center / cover;} .wygl-datas .item-2{background:url(../images/Products/wygl_datas_r.jpg) no-repeat center / cover;} .wygl-datas .item dl{display:flex;} .wygl-datas .item dt{padding-right:15px;width:86px;border-right:#adacac solid 1px;} .wygl-datas .item dd{padding-left:26px;overflow:hidden;} .wygl-datas .item dd span{display:block;font-size:40px;font-weight:500;line-height:1;color:#e44709;} .wygl-datas .item dd p{margin-top:10px;font-size:20px;font-family:"微软雅黑";color:#5a5959;} .wygl-datas .item dd p:after{display:inline-block;margin-left:5px;width:4px;height:4px;content:"";background:url(../images/Products/syyy_case_icon.png);} .wygl-datas .item-1 dl{float:right;} .wygl-ad{overflow:hidden;} .wygl-ad img{display:block;} @media(max-width:1200px){ .wygl-intro .tit{float:none;padding-left:0;width:100%;} .wygl-intro .tit h3{font-size:22px;} .wygl-intro .tit em{font-size:16px;} .wygl-intro .tit p{margin-top:12px;font-size:16px;line-height:1.5;} .wygl-intro .summary{float:none;padding:20px 0 0;width:100%;line-height:1.5;font-size:13px;} .wygl-datas .item{padding:40px 30px;width:100%;height:auto;} .wygl-datas .item-1 dl{float:none;} .wygl-datas .item dt{padding-right:10px;width:55px;} .wygl-datas .item dd span{font-size:24px;} .wygl-datas .item dd p{margin-top:5px;font-size:14px;} .wygl-ad img{position:relative;left:50%;width:750px;max-width:unset;transform:translateX(-50%);} } /*--end 物业管理--*/ /*--products-show--*/ .products-show{padding:60px;overflow:hidden;background:#fff;} .products-show .tit{padding-bottom:25px;overflow:hidden;background:url(../images/News/news_tit.png) no-repeat 0 bottom;} .products-show .tit h2{font-size:27px;font-weight:normal;line-height:1.5;color:#e44709;} .products-show .content{margin-top:25px;font-size:20px;line-height:1.5;color:#686868;overflow:hidden;} .products-show .content img{display:block;max-width:unset;width:100%;} @media(max-width:1200px){ .products-show{padding:30px;} .products-show .tit h2{font-size:18px;} .products-show .content{font-size:14px;} } /*--end products-show--*/ /**--------------业务栏目结束------------------**/ /**--------------联系72779太阳集团栏目开始------------------**/ /*--contact--*/ .contact{background:url(../images/Contact/contact_bg.jpg) no-repeat center 0 / cover;} .contact .leftCon{float:left;padding-left:45px;width:32.15%;overflow:hidden;} .contact .rightCon{float:right;width:67.85%;overflow:hidden;} .contact .box-title h2{margin-bottom:10px;font-size:45px;line-height:1.5;color:#5a5959;} .contact .box-title span{font-size:27px;font-family:"OPPOSansM";color:#e44709;text-transform:uppercase;} .contact-box01{overflow:hidden;} .contact-box01 .box-title{padding-top:75px;} .contact-box01 .box-cont{position:relative;padding-left:50px;padding-top:75px;height:430px;overflow:hidden;background:#fff;} .contact-box01 .box-cont .item{float:left;margin-bottom:60px;width:50%;overflow:hidden;} .contact-box01 .box-cont .item .icon{float:left;width:50px;} .contact-box01 .box-cont .item .icon img{display:block;} .contact-box01 .box-cont .item .txt{padding-left:15px;overflow:hidden;} .contact-box01 .box-cont .item .txt h3{margin-bottom:10px;font-size:22px;line-height:35px;color:#6a6a6a;} .contact-box01 .box-cont .item .txt p{padding-left:22px;font-size:20px;color:#6a6a6a;background:url(../images/Contact/icon_tel.png) no-repeat 0 center;} .contact-line{height:2px;} .contact-line i{display:block;width:100%;height:2px;background:#f8cebd;} .contact-box02{overflow:hidden;} .contact-box02 .box-title{padding-top:110px;} .contact-box02 .box-cont{padding-left:50px;padding-top:110px;height:502px;overflow:hidden;background:#fff url(../images/Contact/contact_box2_bg.jpg) no-repeat 0 bottom / 100%;} .contact-box02 .box-cont .item{margin-bottom:60px;width:50%;overflow:hidden;} .contact-box02 .box-cont .item .icon{float:left;width:35px;} .contact-box02 .box-cont .item .icon img{display:block;} .contact-box02 .box-cont .item .txt{padding-left:15px;overflow:hidden;} .contact-box02 .box-cont .item .txt h3{margin-bottom:18px;font-weight:normal;font-size:20px;line-height:35px;color:#6a6a6a;} .contact-box02 .box-cont .item .txt p{font-size:20px;line-height:1.5;color:#6a6a6a;} .contact-blank{overflow:hidden;} .contact-blank .rightCon{height:35px;background:#fff;} @media(max-width:1600px){ .contact-box01 .box-cont .item .txt h3{font-size:20px;} .contact-box01 .box-cont .item .txt p{font-size:18px;} .contact-box02 .box-cont .item .txt h3{margin-bottom:15px;font-size:18px;} .contact-box02 .box-cont .item .txt p{font-size:18px;} } @media(max-width:1400px){ .contact-box01 .box-cont .item .txt h3{font-size:18px;} .contact-box01 .box-cont .item .txt p{font-size:16px;} .contact-box02 .box-cont .item .txt h3{margin-bottom:12px;font-size:16px;} .contact-box02 .box-cont .item .txt p{font-size:16px;} } @media(max-width:1200px){ .contact{padding-bottom:30px;background:#fff;} .contact .leftCon{float:none;padding-left:0;width:100%;} .contact .rightCon{float:none;padding-top:35px;width:100%;} .contact .box-title em{font-size:18px;} .contact .box-title h2{margin-bottom:5px;font-size:24px;line-height:1.25;} .contact .box-title span{font-size:16px;} .contact-box01{padding:30px;border-bottom:#f8cebd solid 2px;} .contact-box01 .box-title{padding-top:0;} .contact-box01 .box-cont{padding:0;width:100%;height:auto;} .contact-box01 .box-cont .item{margin-bottom:30px;width:100%;} .contact-box01 .box-cont .item .txt h3{margin-bottom:5px;font-size:18px;} .contact-box01 .box-cont .item .txt p{font-size:16px;} .contact-line i{display:none;} .contact-box02{padding:30px 30px 10px;border-bottom:#f8cebd solid 2px;} .contact-box02 .box-title{padding-top:0;} .contact-box02 .box-cont{padding:0;width:100%;height:auto;background-size:110%;background-position:center bottom;} .contact-box02 .box-cont .item{width:100%;} .contact-box02 .box-cont .item .txt h3{margin-bottom:10px;font-size:16px;} .contact-box02 .box-cont .item .txt p{font-size:16px;} .contact-blank{display:none;} } /*--end contact--*/ /**--------------联系72779太阳集团栏目结束------------------**/ /**-------------人才发展栏目开始------------------**/ /*--jobs-intro--*/ .jobs-intro{padding-top:100px;height:1036px;overflow:hidden;background:url(../images/Jobs/intro_bg.jpg) no-repeat center bottom;} .jobs-intro .box1{text-align:center;transform:translateY(100%);transition:all 1s;opacity:0;} .jobs-intro .box1 h2{margin-bottom:30px;font-size:40px;font-weight:500;color:#e44709;} .jobs-intro .box1 p{margin-bottom:15px;font-size:18px;line-height:1.75;color:#565454;} .jobs-intro .box1.animated{transform:translateY(0);opacity:1;} .jobs-intro .box2{margin-top:60px;text-align:center;} .jobs-intro .box2 h3{margin-bottom:70px;font-size:40px;font-weight:400;color:#e44709;transform:translateY(100%);transition:all 1.25s .5s;opacity:0;} .jobs-intro .box2 p{margin-bottom:15px;font-size:13px;line-height:1.75;color:#565454;transform:translateY(100%);transition:all 2s 1s;opacity:0;} .jobs-intro .box2.animated h3,.jobs-intro .box2.animated p{transform:translateY(0);opacity:1;} @media(max-width:1200px){ .jobs-intro{padding:40px 20px 100px;height:auto;} .jobs-intro .box1{text-align:left;} .jobs-intro .box1 h2{margin-bottom:15px;font-size:30px;} .jobs-intro .box1 p{margin-bottom:8px;font-size:14px;} .jobs-intro .box2{margin-bottom:30px;text-align:left;} .jobs-intro .box2 h3{margin-bottom:35px;font-size:30px;} .jobs-intro .box2 p{margin-bottom:8px;font-size:12px;} } /*--end jobs-intro--*/ /*--jobs-welfare--*/ .jobs-welfare{padding-top:75px;height:554px;overflow:hidden;background:url(../images/Jobs/welfare_bg.jpg) no-repeat center 0;} .jobs-welfare .hd{padding-left:60px;overflow:hidden;} .jobs-welfare .hd h2{font-size:40px;font-weight:500;color:#efefef;} .jobs-welfare .bd{position:relative;margin-top:40px;height:345px;overflow:hidden;} .welfare-swiper{position:relative;overflow:hidden;} .welfare-swiper .item{position:relative;text-align:center;} .welfare-swiper .item i{display:block;position:relative;z-index:1;} .welfare-swiper .item i img{display:block;} .welfare-swiper .item span{display:block;margin-top:10px;line-height:45px;font-size:22px;color:#fff;} #welfare1{position:absolute;z-index:3;top:35px;left:0;width:100%;} #welfare1 .swiper-prev,#welfare1 .swiper-next{position:absolute;z-index:9;top:40%;width:64px;height:64px;cursor:pointer;transform:translateY(-50%);} #welfare1 .swiper-prev{left:0;background:url(../images/Jobs/prev.png) no-repeat;} #welfare1 .swiper-next{right:0;background:url(../images/Jobs/next.png) no-repeat;} #welfare1 .swiper-cont{margin:0 auto;padding-left:10px;padding-bottom:30px;width:1090px;overflow:hidden;} #welfare1 .item span{opacity:1;} #welfare1 .item i{background:#e44709;} #welfare1 .item i:after{display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:"";border:#ffb99e solid 10px;border-top:0;border-right:0;opacity:0.3;transform:translate(-10px,10px);} #welfare1 .item i img{opacity:1;} #welfare1 .item.swiper-slide-active{transform:translateY(30px);} #welfare2 .item i{background:#a26d58;} #welfare2 .item i img{opacity:.5;} #welfare2 .item span{opacity:0;} @media(max-width:1200px){ .jobs-welfare{padding:40px 10px;height:auto;} .jobs-welfare .hd{padding-left:0;text-align:center;} .jobs-welfare .hd h2{font-size:24px;} .jobs-welfare .bd{height:auto;} .welfare-swiper .item span{margin-top:5px;line-height:24px;font-size:14px;} #welfare1{position:relative;top:0;} #welfare1 .swiper-prev,#welfare1 .swiper-next{display:none;} #welfare1 .swiper-cont{padding-left:2px;padding-bottom:0;width:100%;} #welfare1 .item.swiper-slide-active{transform:translateY(0);} #welfare1 .item i:after{border-width:2px;transform:translate(-2px,2px);} #welfare2{display:none;} } /*--end jobs-welfare--*/ /*--jobs-photos--*/ .jobs-photos{padding:65px 0 120px;overflow:hidden;background:url(../images/Jobs/style_bg.jpg) no-repeat center / cover;} .jobs-photos .box-title{text-align:center;animation:fadeInDown 1s;} .jobs-photos .box-title h2{font-size:40px;color:#5a5858;} .photos-slide{position:relative;margin-top:45px;padding:0 100px;overflow:hidden;} .photos-slide .swiper-prev,.photos-slide .swiper-next{position:absolute;top:50%;width:52px;height:52px;cursor:pointer;border-radius:50%;transform:translateY(-50%);} .photos-slide .swiper-prev{left:40px;background:url(../images/Jobs/prev2.png) no-repeat center / 100%;} .photos-slide .swiper-next{right:40px;background:url(../images/Jobs/next2.png) no-repeat center / 100%;} .photos-slide .swiper-cont{margin:0 auto;max-width:1080px;overflow:hidden;} .photos-slide .swiper-cont li{overflow:hidden;} .photos-slide .swiper-cont li img{display:block;width:100%;transition:all 1s;} .photos-slide .swiper-cont li:hover img{transform:scale(1.1);} @media(max-width:1200px){ .jobs-photos{padding:40px 10px 60px;} .jobs-photos .box-title h2{font-size:24px;} .photos-slide{margin-top:25px;padding:0 50px;} .photos-slide .swiper-cont{width:100%;} .photos-slide .swiper-prev,.photos-slide .swiper-next{width:45px;height:45px;} .photos-slide .swiper-prev{left:0;} .photos-slide .swiper-next{right:0;} } /*--end jobs-photos--*/ /*--recruit--*/ .recruit{padding:65px 0;overflow:hidden;background:url(../images/Jobs/recruit_bg.jpg) no-repeat center / cover;} .recruit-title{text-align:center;overflow:hidden;animation:fadeInDown 2s;} .recruit-title h2{margin-bottom:30px;font-size:40px;font-weight:400;color:#5a5858;} .recruit-title p{font-size:18px;font-weight:500;color:#565454;} .recruit-partner{margin-top:35px;padding:30px 0;overflow:hidden;background:#fff;} .recruit-partner ul{display:flex;justify-content:center;width:100%;} .recruit-partner li:hover img{opacity:.8;} .recruit-form{margin-top:45px;padding:32px 0 48px;overflow:hidden;background:#fff;} .recruit-form .list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px;} .recruit-form .item{position:relative;z-index:1;width:calc(33.33% - 10px);height:70px;} .recruit-form .item select{display:block;padding:15px 40px;width:100%;height:100%;font-size:18px;color:#ccc;cursor:pointer;border:#eee solid 1px;position: relative;z-index: 2;background: transparent;} .recruit-form .item input{display:block;padding:15px 40px;width:100%;height:100%;font-size:18px;color:#ccc;border:#eee solid 1px;} .recruit-form .item input::-webkit-input-placeholder{color:#ccc;} .recruit-form .item a{display:block;position:absolute;z-index:-1;top:0;right:0;width:70px;height:70px;background:#e34709 url(../images/Jobs/drop.png) no-repeat center;} .recruit-form .item button{display:block;position:absolute;top:0;right:0;width:70px;height:70px;border:none;background:#e34709 url(../images/Jobs/icon_search.png) no-repeat center;} .recruit-post{padding:45px 0;overflow:hidden;} .recruit-post .list{display:flex;flex-wrap:wrap;margin:-25px;overflow:hidden;} .recruit-post .list .item{margin:25px;padding:45px;width:calc(100% / 3 - 50px);overflow:hidden;background:#e6e6e6;} .recruit-post .list .tit{padding:10px 0 15px;border-bottom:#d4d4d4 solid 2px;} .recruit-post .list .tit h3{font-size:30px;line-height:1.25;color:#565454;} .recruit-post .list .summary{padding:15px 0;line-height:30px;overflow:hidden;} .recruit-post .list .summary p{margin-bottom:7px;font-size:18px;color:#565454;} .recruit-post .list .summary p:last-child{margin-bottom:0;} .recruit-post .list .btns{margin-top:20px;overflow:hidden;} .recruit-post .list .btns a{display:block;width:126px;line-height:38px;text-align:center;font-size:18px;color:#e44709;border:#e59b7e solid 2px;border-radius:5px;transition:all 1s;} .recruit-post .list .btns a:hover{color:#fff;background:#e44709;} @media(max-width:1200px){ .recruit{padding:40px 0;} .recruit-title{padding:0 30px;} .recruit-title h2{margin-bottom:15px;font-size:24px;} .recruit-title p{font-size:14px;} .recruit-partner{margin-top:18px;padding:15px 10px;} .recruit-form{margin-top:22px;padding:16px 10px 24px;} .recruit-form .list{display:block;} .recruit-form .item{margin-bottom:10px;width:100%;height:45px;} .recruit-form .item select,.recruit-form .item input{padding:0 15px;font-size:14px;} .recruit-form .item a,.recruit-form .item button{width:45px;height:45px;background-size:50%;} .recruit-post{padding:45px 30px;} .recruit-post .list{margin:-5px;} .recruit-post .list .item{margin:5px;padding:25px;width:calc(100% - 10px);} .recruit-post .list .tit{padding:8px 0 12px;} .recruit-post .list .tit h3{font-size:20px;} .recruit-post .list .summary{line-height:25px;} .recruit-post .list .summary p{margin-bottom:4px;font-size:16px;} .recruit-post .list .btns a{font-size:16px;} } /*--end recruit--*/ /**--------------人才发展栏目结束------------------**/