/*首页*/ .header{ background:#fff; position:fixed;top:0;left:0;width:100%; z-index:999; } .headerTop{padding-top:10px;padding-bottom:10px;} .headerTop .logo{ float:left;width:24%;} .headerTop .logo img{height:40px; display:block;} .headerTop .headerRight{ float:none;width:100%; position:absolute;top:60px;left:0;display:none; } .telPhone{ float:left;padding-right:48px;} .telPhone .telNum{ font-size:24px; color:#eaa54e; display:block; padding-bottom:5px;} .telPhone span{color:#9b9b9b; } .searchCon{ float:none; width:100%;} .searchCon .search{width:100%;height:40px; border:1px solid #DCDCDC; position: relative; } .searchCon .search .searchText{ width:100%; line-height:38px;height:38px;padding-left:10px; font-size:13px;} .searchCon .search .searchBtn{ position:absolute; top:0px;right:0; background:#8CC63E; text-align:center; color:#fff;width:75px;height:38px; cursor:pointer; font-size:15px;} .searchCon .key{padding-left:10px; font-size:13px;} .searchCon .key a {color:#707070;} .headerBottom{ background:#fff; border-top:1px solid #d9d9d9; position:fixed;height:100%; overflow:auto;width:100%; z-index:999;} .headerBottom ul {max-width:1180px;margin:0 auto;padding-bottom:60px;} .headerBottom ul li{ float:none;line-height:46px; font-size:16px; text-align:left;width:100%; border-bottom:1px solid #d9d9d9;} .headerBottom ul li h3{font-size:16px;} .headerBottom ul li h3 a{ color:#666; display:block;margin:0;padding-left:10px; position:relative;} .headerBottom ul li h3 a:after{content: ""; position: absolute; top: 17px; right: 10px; width: 10px; height: 10px;border-right: 1px solid #BEBEBE; border-top: 1px solid #BEBEBE; border-left: 0; border-bottom: 0;transform: rotate(45deg); moz-transform: rotate(45deg);-ms-transform: rotate(45deg); -o-transform: rotate(45deg);-webkit-transform: rotate(45deg);} .headerBottom ul li h3 a:hover:after,.headerBottom ul li h3 a.cur:after{border-right: 1px solid #fff; border-top: 1px solid #fff; } .headerBottom ul li h3 a:hover,.headerBottom ul li h3 a.cur{ background:#74AA44;color:#fff;} .headerBottom ul li:nth-of-type(2) h3 a:after,.headerBottom ul li:nth-of-type(3) h3 a:after{ opacity:0;} .subMenu {background:#EEE; display:none;} .subMenu a{padding:0 10px; display:block; line-height:40px; border-bottom:1px solid #D9D9D9; font-size:14px;} .subMenu a:last-child{border-bottom:0;} .mobileInco{position:absolute; right:48px;top:14px;} .navBtn{width: 40px;height: 50px;overflow:hidden;position:absolute;right:10px;top:12px;z-index:9;z-index:9;} .navBtn span{ top:50%; margin-top:-.02rem;} .navBtn span:first-child{content:"";top: 9px;left:0;} .navBtn span:last-child{ content:""; top:17px; left:0;} .navBtn span,.navBtn span:first-child,.navBtn span:last-child{left:10px;position:absolute;background:#8CC63E;-webkit-transition: all 0.5s ease;width: 27px;height:2px;-webkit-border-radius:3px;border-radius:3px;transition: all 0.5s ease;} .navBtn.g_close span{ opacity:0;} .navBtn.g_close span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);top:17px; opacity:1;} .navBtn.g_close span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);top:17px; opacity:1;} .mobileInco a{height:30px; width:30px; border:1px solid #8CC63E; display:inline-block; border-radius:50%;margin-left:2px; background-position:center center; background-repeat:no-repeat; background-size:auto 18px;} .mobileInco a.mobSearchBtn{ background-image:url(../../webimages/search.png)} .mobileInco a.mobTelBtn{ background-image:url(../../webimages/tel.png)} .navBg{ display:none; position:fixed;top:60px;left:0; z-index:98; width:100%;height:100%; background:rgba(0,0,0,.5)} /*banner*/ .banner{ margin-top:60px;width:100%; position:relative; overflow:hidden; z-index: 9;} .banner ul,.indexProductList ul,.indexjobCon .swiper-wrapper,.DesignerCon .swiper-wrapper,.homeBanner .swiper-wrapper{width: 100%;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position: relative;box-sizing: content-box;width: 100%;height: 100%;z-index: 1; display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;} .banner ul li{ position:relative; float:left; width:100%; flex-shrink: 0;} .banner ul li img{ width:100%; display:block;} .bannerindeo{ text-align:center; position:absolute; left:0; bottom:8px; width:100%; z-index:99;} .bannerindeo span{ width:11px; height:11px; display:inline-block; margin-right:5px; border-radius:100%; background:#fff; cursor:pointer;} .bannerindeo span.swiper-pagination-bullet-active{background:#8CC63E;} .indexTitle{ font-size:20px; font-weight:lighter;position:relative;padding-bottom:15px;} .indexTitle:after{ content:""; position:absolute; bottom:0;left:0;width:30px;height:3px; background:#8CC63E;} .indexTitle a{ float:right; font-size:14px;} /*首页第一个栏目*/ .indexColumnOne{padding-bottom:0; background:url(../images/wimg01.jpg) center center no-repeat; background-size: cover;} .oneConLeft{padding-top:30px;padding-right:0;} .oneConLeft .oneText{ color:#666;margin:15px 0 15px; line-height:24px; } .viewMore{padding-bottom:10px;} .viewMore a{ display:block;height:96px; line-height:96px; width:106px;text-align:center;background:url(../images/winco01.png) 0 0 no-repeat;color:#b2b2b2;} .viewMore a:hover{color:#8CC63E;} .oneConRight{ font-size:13px;color:#fff;padding:0; line-height:20px;} .oneConRight h3{ font-size:15px; font-weight:lighter;padding-bottom:5px;} .oneConRight h4{ font-size:16px; font-weight:lighter; line-height:24px;padding-bottom:5px;} .oneConRight ul li{ background:#7EBE2D;padding:0; position:relative; overflow:hidden;} .oneConRight ul li .content{position:absolute;top:50%;left:50%;width:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);color:#fff; display:block;padding:0 10px;} .oneConRight ul li img{ display:block;width:100%;} .oneConRight ul li:nth-of-type(4){ float:right;} .oneConRight ul li .li4Con{ position:absolute;top:0;left:0;width:50%;padding:33px 20px 0; background:rgba(0,0,0,.75);} .oneConRight ul li .playBtn{ position:absolute;top:50%;left:50%; width:61px;height:61px; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); background-image:url(../images/winco02.png); background-repeat:no-repeat; background-position:center center; background-size:40px auto; cursor:pointer;} .oneConRight ul li:nth-of-type(3){ background:#74AA44;} /*首页第一个栏目视频*/ .layer{ position:fixed;top:0;left:0;width:100%; height:100%;background:rgba(0,0,0,.5); z-index:1000; display:none; cursor:pointer;} .videoPlay{ display:none; width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); z-index:1001; } .videoPlay video{width:100%;height:100%;} /*首页第二个栏目*/ .indexColumnTwo{padding-top:30px;padding-bottom:30px; background-color:#fff; background-position:center 0; background-repeat:no-repeat; background-size: cover; color:#666;} .indexColumnTwo .indexTitle:after{ background:#8CC63E;} .indexTitle .more{ float:right;font-size:14px;} .indexBrief{ padding-top:13px;} .indexjobCon{ position:relative; overflow:hidden; z-index:1;margin-top:20px;padding-bottom:35px;color:#fff;} .indexjobCon .swiper-slide{position:relative; float:left; width:25%;background:#88C33B; font-size:13px; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;} .indexjobCon .swiper-slide .all{ position:absolute;top:0;left:0;width:100%;height:100%; z-index:99; display:block;} .indexjobCon .swiper-slide dd{ position:relative;padding:0 10px;} .indexjobCon .swiper-slide dd:after{ content:""; position:absolute; left:0;top:auto;bottom:-13px; width:100%;height:20px; background-image:url(../images/winco03.png); background-repeat:no-repeat; background-position:center center; z-index: 999; background-size:auto 13px;} .indexjobCon .swiper-slide dd h4{ font-size:15px;margin-bottom:8px;} .indexjobCon .swiper-slide dd h4 span{ font-size: 14px;padding-left:5px; display:inline-block; vertical-align:middle;} .indexjobCon .swiper-slide .contentName{position:absolute;top:50%;left:50%; width:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);padding:0 10px;color:#fff;} .indexjobCon .swiper-slide:nth-of-type(even) dt{ width:100%;position:absolute;top:0;height:100%;} .indexjobCon .swiper-slide:nth-of-type(even) dd{ width:100%;margin-top:100%;} .indexjobCon .swiper-slide:nth-of-type(even) dd:after{ top:-13px;transform:rotate(180deg); -webkit-transform:rotate(180deg); z-index:98;} .indexjobCon .swiper-slide dt img{ display:block;width:100%;} .pagination{ text-align:center; position:absolute; left:0; bottom:0px; width:100%; z-index:99;} .pagination span{ width:11px; height:11px; display:inline-block; margin-right:5px; border-radius:100%; background:#D9D9D9; cursor:pointer;} .pagination span.swiper-pagination-bullet-active{background:#8CC63E;} .indexjobCon .swiper-slide:nth-of-type(1) dt{ position:absolute;top:0;left:0;height:100%;width:100%;} .indexjobCon .swiper-slide:nth-of-type(1) dd{ position:relative; z-index:99;} .indexjobCon .swiper-slide:nth-of-type(1) dd:after{ display:none;} .indexjobCon .swiper-slide:nth-of-type(1) dd .contentName{ position:relative;top:0; left:0;transform:translate(0,0);-webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0);} .indexjobCon .swiper-slide:nth-of-type(1) dd p{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;height:72px;} .indexjobCon .swiper-slide dt a{ display:block; overflow:hidden;} /*首页第三个栏目*/ .indexColumnThree{ padding-top:30px;padding-bottom:30px;background-position:center 0; background-repeat:no-repeat;background-image:url(../images/wimg04.jpg); background-size: cover; } .indexColumnThree .caseText,.indexColumnFour .caseText,.indexColumnFive .caseText{color:#666;padding-top:15px;} .indexColumnThree .caseText a,.indexColumnFour .caseText a,.indexColumnFive .caseText a{ float:none;color:#999;padding-top:10px;} .indexColumnThree .caseText a:hover,.indexColumnFour .caseText a:hover,.indexColumnFive .caseText a:hover{color:#8CC63E;} .indexColumnThree .indexTitle,.indexColumnFour .indexTitle,.indexColumnFive .indexTitle{ font-weight:normal;} .indexCase {position:relative; overflow:hidden;margin:0 -5px;padding-bottom:20px;} .indexCase ul{padding-top:25px;width: 99999px;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position: relative;box-sizing: content-box;} .indexCase ul li{margin-bottom:10px;padding:0 5px;} .indexCase ul li img{ display:block;width:100%;} .indexCase ul li .caseList{ position:relative; overflow:hidden;} .indexCase ul li .caseLink{ display:none;position:absolute;top:0;left:0; z-index:1; width:100%;height:100%; color:#fff;background:url(../images/winco04.png) 0 0 no-repeat; background-size:100% 100%;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease; } .indexCase ul li .caseLink .caseCon{ text-align:center;position:absolute;top:50%;left:50%; width:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);padding:0 25px; font-size:13px; line-height:24px;} .indexCase ul li .caseLink .caseCon h4{ font-size:20px;margin-bottom:20px;} .indexCase ul li .caseLink .caseCon p{ height:48px; overflow:hidden;} .indexCase ul li .caseLink .caseCon span{ font-size:14px; display:block;margin-top:20px;} /**首页第四个栏目*/ .indexColumnFour{padding-top:30px;padding-bottom:30px;background-position:center bottom; background-repeat:no-repeat; background-size:100% auto; background-color:#fff;} .indexNews{margin-top:20px; border:1px solid #EEEEEE;padding:10px; background:#fff;} .recommendation{width:100%; float:none;} .recommendation dt img{ display:block;width:100%;} .recommendation dd{ font-size:13px; color:#666; line-height:22px;} .recommendation dd h4{ font-size:18px;margin:15px 0 10px;} .recommendation dd h4 a{color:#323333; display:block; cursor:pointer;} .recommendation dd h4 a:hover{color:#8CC63E;} .indexNewsList{width:100%; float:none;padding-left:0;} .indexNewsList ul li{padding:15px 0 15px 50px;background-position:0 15px; background-repeat:no-repeat; background-size:auto 44px; } .indexNewsList ul li a{ display:block; font-size:13px;color:#999;} .indexNewsList ul li a h4{font-size:16px; color:#333;margin-bottom:8px;height:18px; overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;height:18px;} .indexNewsList ul li:nth-of-type(1) { background-image:url(../images/wimg06.jpg);} .indexNewsList ul li:nth-of-type(2) { background-image:url(../images/wimg07.jpg);} .indexNewsList ul li:nth-of-type(3) { background-image:url(../images/wimg08.jpg);} .indexNewsList ul li:nth-of-type(4) { background-image:url(../images/wimg09.jpg);} .indexNewsList ul li a p{height:18px; overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;} /**首页第五个栏目*/ .indexColumnFive{padding-top:30px;padding-bottom:30px;background-position:center top; background-repeat:no-repeat;background-image: url(../images/wimg10.jpg); background-size:cover;} .Customer{padding:20px 0 25px;position:relative; overflow:hidden; z-index:1;} .Customer .swiper-wrapper,.indexCase .swiper-wrapper{width: 100%;height: 100%; z-index: 1;display: -webkit-box;display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform;-ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;-webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .swiper-wrapper,.swiper-slide{ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);-o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .Customer .swiper-slide{margin-bottom:10px; flex-shrink: 0; position:relative;padding:0;} .Customer dl{ border:1px solid #DEDEDE; background:#fff; } .Customer dl dt{ float:left;width:127px; overflow:hidden;margin-right:10px;} .Customer dl dt a{ display:block;} .Customer dl dt img{ display:block;width:127px;} .Customer dl dd{ float:none;width:auto;padding:10px;color:#666; font-size:13px; line-height:22px;} .Customer dl dd .title{ font-size:14px; color:#333;margin-bottom:5px;height:24px; overflow:hidden;} .Customer dl dd .date{ display:inline-block;padding:2px 8px; background:#8CC63E;color:#fff;margin-bottom:8px;} .Customer dl dd .text{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;height:41px;} .indexColumnSix{ padding-top:30px;padding-bottom:30px;color:#fff;background-position:center top; background-repeat:no-repeat;background-image: url(../images/wimg12.jpg); background-size:cover;} .indexColumnSix .indexTitle:after{ background:rgba(255,255,255,1);} .whyCon{padding-top:20px;} .whyCon ul{padding-top:20px;} .whyCon ul li{ text-align:center;margin-bottom:15px;} .whyCon ul li .whyArt{padding:10px 2% 0; font-size:13px; line-height:24px;} .whyCon ul li .whyArt .wtitle{ font-weight:bold; font-size:16px; line-height:24px; overflow:hidden;height:24px;margin-bottom:5px;} .whyCon ul li img{height:80px;} /*底部*/ .footer{ background:#242622;padding-top:20px;} .footerTel { text-align:center; font-size:14px; color:#bfbfbf;padding-bottom:15px; border-bottom:1px solid #373935;} .footerTel .inco{ display:inline-block;width:34px;height:28px; vertical-align:-6px; background:url(../images/winco05.png) right center no-repeat; background-size:24px auto;margin-right:10px;} .footerTel a{color:#8cc63e; font-size:17px; font-weight:bold;vertical-align:middle; display:inline-block; line-height:30px;margin-top: -4px; } .footerList {padding-top:20px;padding-bottom:20px; border-bottom:none;} .footerList ul li {float:none;width:100%;margin-bottom:0;} .footerList ul li.li1 a{ color:#666; display:block;font-size:13px;padding-bottom:0;} .footerList ul li.li1 h3{ background:url(../images/icon36.png) right 10px no-repeat; border-bottom:1px solid #373935;font-size:14px;padding:8px 0;} .footerList ul li.li1 h3 a{ font-size:16px;color:#999;} .footerList ul li.li1.cur h3{background:url(../images/icon37.png) right 12px no-repeat;} .footerList ul li.li1{padding-right:0; } .footerList ul .subFooter{padding:15px 0 0;} .footerList ul li.li1 .subFooter a{padding-bottom:5px;} .footerFriendship{ position:relative;color:#999;padding:0 0 15px;border-bottom:1px solid #373935;} .footerFriendship .friendTitle{ float:none;width:100%;font-size:16px;margin-top:0px; display:block;margin-bottom:10px;} .footerFriendship .FriendshipList{ float:none;width:100%; } .footerFriendship .FriendshipList a{ display:inline-block;color:#666; font-size:13px;padding-right:10px;padding-bottom:5px;} .footerBottom{color:#565656;padding:10px 0; text-align:center;} .footerBottom .bdsharebuttonbox{ float:none;padding-top:0;padding-bottom:5px; font-size:13px;} .footerBottom .bdsharebuttonbox span{ display:inline-block; position:relative;top:-10px;} .footerBottom .bdsharebuttonbox a{width:30px;height:30px; vertical-align:0;background-position:center 0; background-repeat:no-repeat; background-size:cover;} .footerBottom .bdsharebuttonbox a.bds_tsina{background-image: url(../images/winco06.png);} .footerBottom .bdsharebuttonbox a.bds_tqq{background-image: url(../images/winco07.png);} .footerBottom .bdsharebuttonbox a.bds_weixin{background-image: url(../images/winco08.png);} .fixRight{ display:none; font-size:13px;position:fixed;width:56px;top:0; height:100%;background:#333333; right:0; padding:0 10px; z-index:999;} .rightBox a{ display:block; text-align:center;border-bottom:1px solid #636363; } .rightBox a.sub{color:#fff;padding:13px 0; } .rightBox a.sub:hover{ color:#7BAE4D;} .rightBox a img{ display:block;margin:0 auto;margin-bottom:5px;} .subMission{ background:#7BAE4D;word-wrap: break-word;letter-spacing: 15px; text-align:center; color:#fff;line-height: 18px;padding:10px; font-size:14px;} .rightBoottom{ position:fixed;bottom:50px;width:36px;} .rightBox .top{padding:15px 0;} /**公共*/ .Crumbs{ font-size:13px;padding-top:18px;padding-bottom:18px;} .Crumbs a{color:#666;} .Crumbs a.cur{ color:#1a1a1a;} .pt32{padding-top:20px;} /*内页banner*/ .pageBanner{ width:100%; position:relative; overflow:hidden;} .pageBanner img{ display:block;width:100%;} /*设计案例*/ .selection{margin-top:0;background:#F9F9F9;padding-top:5px;padding-bottom:25px;} .selectDl { position:relative;padding:10px 0 9px; border-bottom:1px dashed #CCC;} .selectDl dt{ position:absolute;left:0;width:50px;top:14px; text-align:center;color:#4c4c4c; font-weight:bold;} .selectDl dd{padding-left:50px; line-height:30px;} .selectDl dd a{padding:3px 10px;margin:0 2px 10px;} .selectDl dd a.all{ background:#333;color:#fff;} .selectDl dd a.all:hover{color:#fff;} .selectDl dd a:hover,.selectDl dd a.cur{color:#74aa44;} .degCase{padding-bottom:25px;} .degCase ul {padding-top:0;} .degCase ul li{ position:relative;margin-bottom:20px;background:#F5F5F5;} .degCase ul li .caseImg{width:100%; display:block; overflow:hidden;} .degCase ul li .caseCon{width:100%; padding:15px 10px 20px;position:relative;right:0;top:0;bottom:auto;background:none;color:#666;} .degCase ul li img{ display:block;width:100%;} .degCase ul li .caseCon .title,.degCase ul li .caseCon .name{ text-align:center;color:#4c4c4c;} .degCase ul li .caseCon .title{ font-size:16px;padding-bottom:10px;} .degCase ul li .caseCon .name{ display:block;padding-bottom:12px;border-bottom:1px dashed #bbbbbb;} .degCase ul li .caseCon .casetext{margin:10px; line-height:22px;} .degCase ul li .caseCon .more{ text-align:center;} .degCase ul li .caseCon .more a{border:1px solid #BBBBBB;color:#666; font-size:13px;padding:2px 10px;} .degCase ul li .caseCon:hover{background:#74AA44;color:#fff; cursor:pointer;} .degCase ul li .caseCon:hover .title,.degCase ul li .caseCon:hover .name,.degCase ul li .caseCon:hover .more a{color:#fff;} .degCase ul li .caseCon:hover .more a{ border:1px solid #fff;} .degCase ul li .caseCon:hover .name{ border-bottom:1px dashed #fff;} .loadMore{ display:block; text-align:center;height:37px; line-height:37px; background:#8CC63E; border-radius:5px;cursor:pointer;} .loadMore em{ display:inline-block;width:26px;height:37px; background:url(../../webimages/winco17.png) 0 center no-repeat;} /*设计案例详情页*/ .comdetails{padding-top:20px;padding-bottom:20px; border-bottom:1px solid #D9D9D9;} .comdetails .caseTitle{ font-size:18px;color:#333; font-weight:bold;margin-bottom:10px; line-height:24px;} .caseDetailsLeft{ float:none;width:100%;padding-left:0;padding-right:0;} .caseDetailsLeft img{ display:block;width:100%;} .caseDetailsRight{ float:none;width:100%;} .caseDetailsRight{background:#F8F8F8;padding:20px 20px 0;} .caseDetailsRight dl dt,.plantDetailsRight dt{padding-bottom:10px;font-size:16px; font-weight:bold; border-bottom:1px solid #CCCCCC; line-height:20px;} .caseDetailsRight dl dt span,.plantDetailsRight dt span{ position:relative;} .caseDetailsRight dl dt span:after,.plantDetailsRight dt span:after{content:""; position:absolute;bottom:-11px;left:0; display:block; width:100%;border-bottom:2px solid #8CC63E;} .caseDetailsRight dl.listOne dd{padding:20px 0 10px;color:#4c4c4c; } .caseDetailsRight dl.listOne dd p{padding-bottom:10px;} .caseDetailsRight dl.listTwo dd{padding:20px 0 30px;} .caseDetailsRight dl.listTwo .img,.plantDetailsRight .img{ text-align:center;} .caseDetailsRight dl.listTwo .img img,.plantDetailsRight .img img{width:100px;height:100px; border-radius:50%;} .caseDetailsRight dl.listTwo .name,.plantDetailsRight .name{ padding-top:5px;display:block; text-align:center;color:#4c4c4c;} .caseDetailsRight dl.listTwo .seeHome,.plantDetailsRight .seeHome{ text-align:center; line-height:30px;padding-top:20px;} .caseDetailsRight dl.listTwo .seeHome a,.plantDetailsRight .seeHome a{padding:5px 10px; border:1px solid #74AA44; color:#74AA44;} .caseDetailsRight dl.listTwo .seeHome a:hover,.plantDetailsRight .seeHome a:hover{background:#74AA44;color:#fff;} .comdetailsTwo{padding-top:15px;padding-bottom:30px;} .comdetailsTwo .tit{ text-align:center;color:#1a1a1a; font-size:18px; line-height:30px;padding:10px 0;} .comdetailsTwo .w{ text-align:center;font-size:14px; line-height:24px;} .comdetailsTwo .img{padding:10px 0 5px;} .comdetailsTwo img{ display:block;width:100%;} /*相关案例*/ .RelatedCase{background:#F7F7F7;padding:20px 0 10px;} .RelatedCase h3{color:#333; font-size:16px;} .RelatedCase h3 .more{ float:right;color:#666; font-size:14px;} .RelatedCase .more:hover{color:#74AA44;} .RelatedCase ul{padding-top:20px;margin:0 -10px;} .RelatedCase ul li{margin-bottom:12px;color:#333; text-align:center; } .RelatedCase ul li a{ display:block;overflow:hidden;} .RelatedCase ul li p{overflow:hidden;} .RelatedCase ul li img{ display:block;width:100%;} .RelatedCase ul li .tit{padding-top:10px;} /*客户证言*/ .comWebNav{margin-top:20px;margin-bottom:2px;background:#F7F7F7; position:relative;width:100%;} .comWebNav .sorbar{overflow:hidden;} .comWebNav a{ line-height:40px; display:inline-block;padding:0 20px; background:url(../images/wimg13.jpg) right center no-repeat;color:#333; font-size:13px;} .comWebNav a:hover,.comWebNav a.cur{color:#74AA44;} .testimony{padding-bottom:25px;} .testimony ul{margin:0 -10px;padding-top:20px;padding-bottom:15px;} .testimony ul li{margin-bottom:20px; } .testimony ul li a{display:block;border:1px solid #DDDDDD;color:#666;font-size:13px; line-height:22px;} .testimony ul li .img{ overflow:hidden;} .testimony ul li img{ display:block;width:100%;} .testimony ul li .testimonyCon{padding:15px 15px 20px; } .testimony ul li .testTitle{font-size:15px;color:#1a1a1a;margin-bottom:10px;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 1;} .testimony ul li a:hover .testTitle{color:#8CC63E;} .testimony ul li .date{padding:15px 0 3px; display:block;border-top:1px solid #CCCCCC;} .testimony ul li .text{height:44px; overflow:hidden;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 2;} .testimony ul li .detailsBtn{ text-align:center; line-height:30px;padding-top:15px;} .testimony ul li .detailsBtn span{border:1px solid #999;padding:5px 15px;} .testimony ul li a:hover .detailsBtn span{border:1px solid #8CC63E; background:#8CC63E;color:#fff;} /*热点楼盘*/ .HotCharging{padding:20px 0;} .HotCharging ul{margin:0 -10px;padding-bottom:0;} .HotCharging ul li {margin-bottom:20px;} .HotCharging ul li .listA{ display:block; background:#FAFAFA;color:#4c4c4c; position:relative; cursor:pointer;} .HotCharging ul li .img{ position:relative;} .HotCharging ul li .img img{ display:block;width:100%;} .HotCharging ul li .listA .hottimonyCon{padding:20px;} .HotCharging ul li .listA .hotTitle{font-size:18px;color:#333;margin-bottom:10px;} .HotCharging ul li .listA .text{} .HotCharging ul li .listA .text span{padding-right:15px; display:inline-block;} .HotCharging ul li .listA .vitBtn{padding-top:15px; } .HotCharging ul li .listA .vitBtn span{ display:inline-block;border:1px solid #999;padding: 5px 15px; } .HotCharging ul li .listFixed{ display:none; position:absolute;top:0;left:0; z-index:99;width:100%;height:100%; background:rgba(147,200,77,.9);color:#fff;} .HotCharging ul li .listFixed .hotCon{ width:100%;position:absolute;top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);padding:0 20px; text-align:center; line-height:22px;} .listFixed .hotCon h4{ font-weight:bold; font-size:20px;margin-bottom:20px;height:22px; overflow:hidden;} .listFixed .hotCon p{height:44px; overflow:hidden;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 2;} .listFixed .hotCon .dot{width:34px;height:34px; display:block;margin:30px auto 0; background: url(../images/winco09.png) 0 0 no-repeat;} .HotCharging ul li .listA:hover .listFixed{ display:block;} .HotCharging ul li .listA:hover .vitBtn span{border:1px solid #8CC63E; background:#8CC63E;color:#fff;} /*热装楼盘详情页*/ .hotDetails{margin:20px 0;padding:10px 10px 20px;border:1px solid #DDDDDD ;} .hotDetails dt{padding:0;} .hotDetails dt img{ display:block;width:100%;} .hotDetails dd{position:relative;padding:18px 0 0;color:#4c4c4c; line-height:22px;} .hotDetails dd .hott{font-size:16px; font-weight:bold;padding-bottom:10px;} .hotDetails dd .hotText{margin-bottom:10px;} .hotDetails dd .choose{margin-left:-10px;} .hotDetails dd .choose span{padding:0 10px;} .wseeBtn{margin-top:10px; display:inline-block;padding:5px 15px; background:#8CC63E;color:#fff;} .developmentTitle{color:#333;font-size:16px; font-weight:bold;padding-bottom:10px; border-bottom:1px solid #CCC; position:relative;} .developmentTitle:after{ content:""; position:absolute;left:0;bottom:-1px;width:15%;height:2px; background:#8CC63E; display:block;} .developmentCase{padding:30px 0 0;margin:0 -10px;} .developmentCase li{margin-bottom:10px;} .developmentCase li a{ background:#FAFAFA;display:block;color:#666;} .developmentCase li img{ display:block;width:100%;} .developmentCase li .devTitle{color:#333;font-size:16px;margin-bottom:8px;overflow:hidden;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp:1;} .developmentCase li .artile{padding:15px 10px;} .developmentCase li .area span{padding-right:25px;} .Designer{padding-bottom:30px;} .Designer ul {padding-top:20px;} .Designer ul li{padding:0 20px;-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;height: 100%; position: relative;} .Designer ul li a{ display:block; text-align:center;} .Designer ul li a img{ display:block;max-width:200px;margin:0 auto; width:100%;border-radius:50%;margin-bottom:15px; position:relative;transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-ms-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;top:0;} .Designer ul li a .name{color:#333;font-size:16px; font-weight:bold;margin-bottom:10px;} .Designer ul li a .jobText{font-size:13px;color:#666;} .DesignerList{ position:relative; z-index:1;} .swiper-button{ position:absolute;right:0;top:-28px; z-index:2;} .swiper-button span{ display:inline-block;width:22px;height:22px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;} .swiper-button span.next{ background:url(../images/winco11.png);} .swiper-button span.prev{ background:url(../images/winco10.png);} .swiper-button span:hover.next{background:url(../images/winco13.png);} .swiper-button span:hover.prev{ background:url(../images/winco12.png);} .DesignerCon{ position:relative; z-index:2; overflow:hidden;} /*在施工地*/ .constructionSite{padding-top:20px;padding-bottom:25px;} .constructionSite ul{padding-bottom:10px;} .constructionSite ul li{padding-bottom:15px;border-bottom:1px solid #D9D9D9;margin-bottom:15px;} .constructionSite ul li .conimg{padding-right:0; overflow:hidden; display:block;} .constructionSite ul li .conimg img{ display:block;width:100%;} .scontent{color:#666; position:relative;padding:15px 0 0; } .scontent .conTitle a{ display:block;color:#1a1a1a; font-size:16px; line-height:24px;margin-bottom:15px;} .scontent .time{ display:block;padding-left:25px; background: url(../images/wimg14.jpg) 0 0 no-repeat; font-family:Arial, Helvetica, sans-serif;margin-bottom:10px;} .scontent .textDel span{ display:block;padding-bottom:10px;} .scontent .textDel span strong{padding-right:22px;} .scontent .seeBtn{ display:inline-block;margin-top:5px; font-size:13px; border:1px solid #999;padding:5px 15px;color:#666; } .scontent .conTitle a:hover{color:#8cc63e;} .scontent .seeBtn:hover{ border:1px solid #8CC63E;background:#8CC63E;color:#fff;} /*在施工地详情页*/ .plantDetails{margin-bottom:20px;} .plantDetailsLeft{ float:none;width:100%; border:1px solid #DDD;padding:10px;} .plantDetailsRight{ padding:20px;float:none;width:100%; background:#F8F8F8;} .plantDetailsLeft dt{padding:0;} .plantDetailsLeft dt img{ display:block;width:100%;} .plantDetailsLeft dd{padding:0; position:relative;} .plantDetailsLeft dd h4{font-size:16px; font-weight:bold; line-height:26px;margin:20px 0px 10px;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp:1; overflow:hidden;} .plantDetailsLeft dd .con span{ display:block;margin-bottom:10px;color:#4c4c4c;} .plantDetailsLeft dd .wseeBtn{left:0;} .plantDetailsRight dd{padding-top:20px;} .plantDetailsRight .seeHome{padding-top:30px;} .Recruitmentlist{padding-bottom:20px;} .Recruitmentlist ul li {margin-bottom:10px;} .Recruitmentlist ul li h3{ background:#F8F8F8;color:#333; font-size:16px; position:relative;padding:11px 22px 11px 20px; cursor:pointer;} .Recruitmentlist ul li h3:after{ content:""; position:absolute;display: block; width:10px;height:10px; border:3px solid #BFBFBF; border-bottom:0; border-left:0;top: 11px;right:22px;transition: all .3s ease-in-out; transform: rotate(135deg); -moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);-webkit-transform: rotate(135deg);} .Recruitmentlist ul li.cur h3:after{border:3px solid #8CC63E; transform: rotate(0deg); -moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);border-bottom:0; border-left:0;margin-top:5px;} .RecruitmentContent{padding:20px 0 10px; line-height:24px;color:#333; display:none;} .RecruitmentContent img{ max-width:100%;} .Recruitmentlist ul li:last-child .RecruitmentContent{padding-bottom:0;} /*预约参观*/ .appointment{ display:none; position:fixed;width:100%;height:100%;top:0;left:0; z-index:1000; background:rgba(0,0,0,.5);} .appointBox{display:none; max-width:724px; width:96%;position:fixed;top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:#fff;z-index:1001;} .appointBox h3{background:#FAFAFA;padding:20px 15px;color:#74aa44; font-size:16px; font-weight:bold; border-bottom:1px solid #DBDBDB; position:relative;} .appointBox h3:after{ content:""; position:absolute;width:60px;height:2px; background:#8CC63E; left:15px;bottom:0;} .appointBox h3 .close{ display:block;width:18px;height:18px; background:url(../images/winco14.png) 0 0 no-repeat; float:right; cursor:pointer;} .appointContent{padding:20px 15px 0;width:100%;margin:0 auto;color:#333;} .appointContent ul li{margin-bottom:20px;} .appointContent ul li span.tit{width:100%; float:none;margin-top:5px;margin-bottom:5px; display:block; } .appointContent ul li label{ display:block;width:100%; float:none; } .appointContent ul li span.tit i{color:#8cc63e;} .appointContent ul li .text{ padding:0 10px;border:1px solid #CCC;height:32px; line-height:32px;width:100%;} .appointBtn{background:#FAFAFA;padding:25px 0; text-align:center;} .appointBtn input{width:120px;height:43px;font-size:16px; cursor:pointer; } .appointBtn .appointButton{background:#8CC63E;line-height:43px;color:#fff;margin-right:4px;} .appointBtn .appointReset{ border:1px solid #999; background:none;} /*设计系统*/ .containerWeb{color:#4c4c4c;font-size:14px; line-height:24px;} .containerWeb img{ max-width:100%;} .systemtitle{color:#333;font-size:18px; line-height:28px;text-align:center;} .system{padding-bottom:30px; } .system dl dt,.systemSix dt{ float:none;width:100%; } .system dl dd,.systemSix dd{padding-top:0;padding-bottom:20px; float:none;width:100%;} .system dl dd h4.t{padding-bottom:10px; text-align:left;} .system dl dd .systemOneText img,.systemSix dd .systemOneText img{display:inline-block; vertical-align:middle;margin-left:0;padding-right:5px;} .systemTwo{padding:40px 0 10px; background-position:center top; background-size:cover; } .systemTwo .t{padding-bottom:10px; } .systemTwo .timg{margin-top:5px;} .systemThree{padding-top:25px;padding-bottom:25px;} .threeImg p{ text-align:center;padding-bottom:10px;} .threeImg img{max-width:100%;} .systemFour,.systemSix{background-position:center top; background-size:cover;} .systemThree .Disinfection{padding-bottom:13px;} .systemFour .threeImg{padding-top:20px;} .systemSix{padding-top:25px;padding-bottom:20px;} .systemSix dt{text-align:center;} .systemSix dd .systemtitle{ text-align:left;padding-bottom:15px;} /**誉巢力量**/ .expertPt{padding-top:0;padding-bottom:25px;} .expertRecommend{padding-bottom:20px;margin:0 -10px;padding-top:25px;} .expertRecommend dl{} .expertRecommend dl dt a{ display:block; overflow:hidden;} .expertRecommend dl dt img{ display:block;width:100%;} .expertRecommend dl dd{background:#74AA44;color:#fff; line-height:24px;padding:20px 10px;} .expertRecommend dl dd a,.expertList dl dd a{color:#fff;} .wname{font-size:18px; font-weight:bold;margin-bottom:10px;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp:1; overflow:hidden;} .wjobText{font-size:16px; font-weight:bold;margin-bottom:5px;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp:1; overflow:hidden;} .wdesTitle{text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp:1; overflow:hidden;} .expertRecommend dl dd .Expertise{width:80%;} .Expertise{padding-top:10px;} .Expertise strong{ display:block;} .Expertise a{padding-right:3px; display:inline-block;} .expertList{padding-bottom:25px;} .expertList dl{padding:0;background:#74AA44; } .expertList dl dt{padding:0;position:relative; z-index:1;} .expertList dl dt img{ display:block;width:100%;} .expertList dl dt a{ display:block; overflow:hidden;} .expertList dl dd{background:#74AA44;color:#fff; line-height:20px;padding:10px; overflow:hidden; } .expertList dl.add1 dt{float: right;} .expertList dl dt .arror{ position:absolute; display:none; width:15px;height:20px; background:url(../images/winco15.png) 0 0 no-repeat; right:0;top:40px; z-index:999;} .expertList dl.add1 .arror{left:0; transform:rotate(-180deg)} .expertList dl .wname{font-size:15px;margin-bottom:5px;} .wname a{ display:block;} .expertList dl .wdesTitle{font-size:13px;} .expertList dl .Expertise{padding-top:10px;} .expertList dl .Expertise a{ font-size:12px;} .expertList dl .Expertise span{ display:block;height:45px; overflow:hidden;} /**誉巢力量详情页*/ .homeWraper{ margin-top:20px;border:1px solid #DDD; background:none; } .homeLeft{padding:20px 0; border-right:none; background:#F5F5F5;} .homeBanner{ position:relative; overflow:hidden; z-index:1;} .homeBanner ul li{position: relative;float: left; width: 100%;flex-shrink: 0;} .homeBanner ul li img{ max-width:100%; display:block;margin:0 auto;} .homeBanner .homeBtn{width:100%; text-align:center; position:absolute; bottom:20px; z-index:999; } .homeBanner .homeBtn span{width:10px; height:10px; background:#fff; display:inline-block;border-radius:50%;margin:0 5px; cursor:pointer;border:1px solid #fff;} .homeBanner .homeBtn span.swiper-pagination-bullet-active{ background:none;} .homeName{ font-size:18px; font-weight:bold;color:#4c4c4c; text-align:center;padding:20px 0;} .homNav {padding:0;max-width:300px;margin:0 auto;} .homNav li{margin-bottom:10px; } .homNav li a{ border:1px solid #DDD;padding:10px 20px 10px 65px; display:block; background-position:30px center; background-repeat:no-repeat;font-size:14px; font-weight:bold;color:#4c4c4c; position:relative;background-color:#fff;border-radius:5px; background-size:18px auto;} .homNav li a:after{ content:""; position:absolute;right:20px;top:15px;width:8px;height:8px; border:2px solid #484848; border-left:0; border-bottom:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);} .homNav li a:hover,.homNav li a.cur{ background-color:#8CC63E;color:#fff;} .homNav li a:hover:after,.homNav li a.cur:after{border-color:#fff;} .homNav li:nth-of-type(1) a{ background-image:url(../images/winco16.png);} .homNav li:nth-of-type(2) a { background-image:url(../images/winco17.png);} .homNav li:nth-of-type(3) a{ background-image:url(../images/winco18.png);} .homNav li:nth-of-type(1) a:hover,.homNav li:nth-of-type(1) a.cur{ background-image:url(../images/winco16hover.png);} .homNav li:nth-of-type(2) a:hover,.homNav li:nth-of-type(2) a.cur { background-image:url(../images/winco17hover.png);} .homNav li:nth-of-type(3) a:hover,.homNav li:nth-of-type(3) a.cur{ background-image:url(../images/winco18hover.png);} .homeRight{padding:20px 15px 20px;color:#4c4c4c; line-height:22px;} .Personalprofile{padding-bottom:15px;} .Personalprofile .title{color:#74aa44; font-size:16px;padding-bottom:10px; font-weight:bold;} .homeDetails{padding-bottom:15px;} .homeDetails .hometit{padding-bottom: 10px; font-size: 14px;font-weight: bold;border-bottom: 1px solid #CCCCCC;line-height: 20px;margin-bottom:15px;} .homeDetails .hometit span{ position:relative;} .homeDetails .hometit span:after{content: ""; position: absolute;bottom: -11px; left: 0; display: block; width: 100%; border-bottom: 2px solid #8CC63E;} .DesignerTitle{ font-size:16px;color:#333;} .DesignerTitle .more{ float:right;color:#666;font-size:14px;} .DesignerBottom{padding:20px 0 10px; background:#F7F7F7;} .Designer ul li{margin-bottom:20px;} .worksTitle{ font-size:16px; font-weight:bold;color:#74aa44; line-height:24px;margin-bottom:20px;} .workingList{margin:0 -10px;} .workingList li{padding:0 10px;margin-bottom:20px;} .workingList li a{ display:block; position:relative;} .workingList li a img{ display:block;width:100%;} .workingList li a h4{ position:absolute;bottom:0;left:0;width:100%; background:rgba(116,170,68,.8);height:40px; line-height:40px;color:#fff; font-size:16px; overflow:hidden;padding:0 10px; text-align:center;} .workingList li:last-child{margin-bottom:0;} .writing{padding:0;margin:0 -10px;} .writing li{padding:0 10px;} .comWebNav .sorbar{ display:none;} .comWebNav h3{font-size: 16px;border: 1px solid #cccccc;border-radius: 5px;padding: 10px 15px;} /*联系我们*/ .ptb36{padding-top:20px;padding-bottom:30px;} .ContactCon{padding-bottom:30px;} .addTitle{font-size:15px; font-weight:bold;color:#4c4c4c;padding-left:40px; background:url(../images/wimg15.jpg) 0 center no-repeat;margin-bottom:5px;} .map img{ display:block;width:100%;} /*品牌介绍*/ .brand{color:#666; line-height:24px;} .brand .addTitle{background-size:35px 1px;margin-bottom:10px;} .brand .pl58{padding-left:40px;} .brandCon{width:100%; float:none;padding-top:15px;padding-bottom:20px;} .brand .contittle img{height:50px;} .brandImg{margin-top:-5px;} .brandImg img{ display:block;width:100%;} /*品牌文化*/ .mission{padding-bottom:0;} .missionTit{ text-align:center;color:#333; font-size:18px;} .missionList{padding-top:20px;} .missionList li{padding:0 60px;margin-bottom:20px;} .missionList li a{ position:relative; overflow:hidden;border-radius:100%; width:200px;height:200px;margin:auto;display:block;} .missionList li a img{ display:block;width:100%;margin:0 auto; position:relative; z-index:2;border-radius:100%; overflow:hidden; } .missionList li a .preBottom{width:100%;height:80px; position:absolute; bottom:0;left:0; background:#8CC63E;color:#fff; z-index:9; line-height:24px;} .missionList li a .preBottom .text{ width:100%; position:absolute;top:50%; transform:translate(0,-50%); -webkit-transform::translate(0,-50%); padding:0 20%; text-align:center; font-size:16px; font-weight:bold; } .prospects{ background:#F9F9F9;} .prospects dt{padding:0;} .prospects dt a{ display:block; background-size:cover;height:250px; background-repeat:no-repeat; background-position:center 0;} .prospects dt img{ display:none;width:100%;} .prospects dd{padding:20px 10px;} .prospects dd .prospectsCon{width:100%;color:#666; line-height:24px;} .prospectsCon .proTit{font-size:20px;color:#333;margin-bottom:10px;} .prospectsCon .srtongt{font-size:16px;color:#4c4c4c;padding-bottom:8px;} .senseWraper{padding-top:30px;} .sense{padding-left:0;color:#666; line-height:24px;padding-bottom:20px;margin-top:-5px;} .sensetext{ font-size:20px; padding-left:40px;line-height:28px;color:#333;margin-bottom:10px;} .pl40{padding-left:40px;} .sense .list1{margin-bottom:10px;} /*环保材料*/ .NavWraper{ text-align:center;padding-bottom:20px;} .NavWraper .threeNav{ display:inline-block;width:100%;} .NavWraper .threeNav a{ float:left; display:block; width:31.3%;height:38px; background:#EEEEEE;color:#666; line-height:38px;margin:0 1%; position:relative;} .NavWraper .threeNav a:after{ opacity:0;content:""; left:50%;margin-left:-5px;bottom:-6px;position:absolute;width:0;height:0;border-left:6px solid transparent; border-right:6px solid transparent;border-top:9px solid #8CC63E; } .NavWraper .threeNav a:hover,.NavWraper .threeNav a.cur{ background:#8CC63E;color:#fff;} .NavWraper .threeNav a:hover:after,.NavWraper .threeNav a.cur:after{ opacity:1;} .assuranceOne .tit{ font-weight:bold; font-size:16px;color:#74aa44;margin-bottom:15px;} .assuranceList,.assuranceTwo dl{padding:10px; border:1px solid #CCCCCC;margin-bottom:20px;} .assuranceList dt{padding:0; background-position:center center;height:220px; background-repeat:no-repeat;background-size: cover;} .assuranceList dt a{ display:block;} .assuranceList dd{ padding:10px 0;color:#4c4c4c; line-height:24px;} .assuranceOne:last-child{margin-bottom:0;} /*精湛工艺*/ .assuranceTwo dl dt{padding:0;} .assuranceTwo dl dt img{ display:block;width:100%;} .assuranceTwo dl dd{padding:10px 0;color:#666;} .assuranceTwo dl dd .st{color:#333;margin-bottom:5px; display:block;} .assuranceTwo dl dd .TechTitle{ font-size:16px;color:#4c4c4c;padding-bottom:3%;} .assuranceTwo dl dd .Technology{padding-top:10px;} /*严苛验收*/ .course2{background:#fff;padding-top:10px;} .course2 h3{ text-align:center; font-size:18px; color:#8cc63e; font-weight:bold; line-height:24px;margin-bottom:10px;} .course2 dl{ margin:0px; position:relative; padding:0px 10px;} .course2 dl dd{ float:none; width:100%; border-left:3px solid #e6e6e6; padding-left:95px; padding-bottom:20px; position:relative;color:#666; font-size:13px; line-height:22px;} .course2 dl dd .num{ position:absolute;left:54px; font-family:Arial;text-align:right;font-size:20px;line-height:31px;color:#8cc63e; margin-bottom:25px; font-weight:bold;} .course2 dl dd span.dot{ display:block; width:60px; height:20px; position:absolute;top:5px; left:-13px; overflow:hidden; background-image:url(../images/fazhan5.png);background-size:60px auto; background-position:right center; background-repeat:no-repeat;} .course2 dl dd .text{ font-size:14px; text-align:left;padding-top:2px;} .course2 dl:last-child dd{border-left:3px solid #FFF;} .course2 dl dd .strong{ font-size:14px;color:#333;padding-bottom:5px;} /*新闻动态*/ .wcompanyList{} .wcompanyNews{color:#666666;font-size:13px;padding-bottom:20px; line-height:24px;} .wcompanyNews h3{font-size:16px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1; } .wcompanyNews h3 a{color:#1a1a1a;} .wcompanyNews .time{ display:block;color:#666;font-size:14px; font-family:Arial; background:url(../images/winco20.png) 0 center no-repeat; padding-left:20px; background-size:16px auto;} .wcompanyNews dl:first-child{padding-top:0;} .wcompanyNews dl { border-bottom:1px solid #d9d9d9;padding:20px 0;font-size:13px;} .wcompanyNews dl dt{padding-right:0;margin-bottom:15px;} .wcompanyNews dl dt img{ display:block;width:100%;} .wcompanyNews dl dd .deails{margin:10px 0 20px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3; } .wcompanyNews dl dd{padding-right:10px;padding-left:0;} .wcompanyNews dl:last-child{margin-bottom:20px;} .wcompanyNews dl dd .deailsbtn a{ display:inline-block;padding:5px 20px; border:1px solid #8C8C8C;text-align:center;color:#1a1a1a;} .wcompanyNews dl dd .deailsbtn a:hover{background:#8CC63E;color:#fff; border:1px solid #fff;} /*--人才招聘--*/ .Recruitmentsearch{ margin-top:20px;background-color:#F7F7F7;padding:20px 0; } .Recruitmentsearch dl{padding-left:20px;padding-right:20px; position:relative;} .Recruitmentsearch dl dt{width:100%; position:relative; left:0px; padding:0; font-size:16px; color:#8CC63E; margin:auto; padding-bottom:10px; text-align:left;} .Recruitmentsearch dl dd label {display:block; border:1px solid #d9d9d9; background:#fff; padding:10px 125px 10px 10px; position:relative;} .Recruitmentsearch dl dd label input{ background:none; border:none; outline:none;} .Recruitmentsearch dl dd label input.Recruitmentsearchtext{ width:100%; float:left; font-size:14px; color:#999} .Recruitmentsearch dl dd label input.Recruitmentsearchsubmit{ font-size:16px; color:#fff;background-color:#8CC63E; width:110px; height:41px; position:absolute; right:0px; top:-1px;} .wqpRecruitmentlist{padding:25px 0px 25px;margin:0px;position:relative;} .wqpRecruitmentlist ul{ margin:0px;padding:0px;border-top:1px solid #e6e6e6;} .wqpRecruitmentlist ul li{margin:0px;padding:0px;border-bottom:1px solid #dbdbdb;} .wqpRecruitmentlist ul li h3.Recruitmenttitle{color:#4c4c4c;font-size:14px; font-weight:400; padding:0px 15px 0px 20px; height:60px; line-height:60px;position:relative; cursor:pointer;} .wqpRecruitmentlist ul li h3.Recruitmenttitle span{ display:block; position:absolute; width:19px;height:13px; background-image:url(../images/icon18.png); background-repeat:no-repeat; background-color:#8CC63E; top:22px; right:15px; transition:all .3s ease-in-out; transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);} .wqpRecruitmentlist ul li h3.Recruitmenttitle em{ font-family:"宋体";color:#4c4c4c; font-size:30px; display:inline-block;vertical-align:middle;margin-top: -17px;} .wqpRecruitmentContent{padding:3%; font-size:13px; line-height:24px; color:#4c4c4c; background:#fafafa; display:none;overflow:hidden;} .wqpRecruitmentContent h4.Rtconttitle{color:#4c4c4c; font-size:14px; font-weight:bold;padding-bottom:20px} .wqpRecruitmentlist ul li.cur{ padding-bottom:30px;} .wqpRecruitmentlist ul li.cur h3.Recruitmenttitle span{background-color:#8CC63E;transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);} .wqpRecruitmentlist ul li.cur h3.Recruitmenttitle em{color:#8CC63E;} .RecruitmentReturn{text-align:left;padding-top:6px;} .RecruitmentReturn a{display:block;background:#8CC63E; font-size:16px; width:120px; color:#fff;padding:5px 0px; text-align:center;} .RecruitmentReturn a:hover{color:#fff;} /*荣誉资质*/ .xcsmall {margin-bottom:20px;} .xcsmall ul{padding-bottom:15px;} .certificate-popup{ width:100%; height:100%; background-color:rgba(0,0,0,.5); position:fixed; left:0; top:0; z-index:50; display:none; z-index: 888;} .certificate-popupbox{ width: 450px; height:350px; background-color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden; border-radius:10px;} .certificate-popupbox ul{ position:relative;width:100%;height:100%; z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .certificate-popupbox li{ width:100%; background-size:cover;background-position:center;overflow:hidden;float:left; -webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;height:100%;position:relative;} .certificate-popupbox li img{ display: block; width: 100%;padding:30px 40px 5px} .certificate-popupbox li .xctitle{ font-size: 16px; color: #0a1a1a; text-align: center; height: 32px; line-height: 32px;} .certificate-popupbox .xcprev,.certificate-popupbox .xcnext{ display: none; position: absolute; width: 32px; height: 61px; top: 50%; margin-top: -30px; z-index: 99;} .certificate-popupbox .xcprev{ background: url(../images/cimg03.png) 0 0 no-repeat; left: 10px;} .certificate-popupbox .xcprev:hover{ background-image: url(../images/cimg05.png);} .certificate-popupbox .xcnext{ background: url(../images/cimg04.png) 0 0 no-repeat; right: 10px;} .certificate-popupbox .xcnext:hover{ background-image: url(../images/cimg06.png);} .certificate-popupbox .xcclose{ position: absolute; top: 0px; right: 8px; width: 46px; height: 46px; background: url(../images/cimg02.png) 0 0 no-repeat; z-index: 99;} .productlisttwo{margin-top:20px; background-color:#fff;cursor: pointer; border:1px solid #DDDDDD;} .productlisttwo .img{ padding:30px 10px;} .productlisttwo img{ display:block; width:100%; border: 1px solid #d9d9d9;} .productlisttwo .xctitle{ border-top:1px solid #DDDDDD;width: 100%; height:40px; line-height: 40px; text-align: center; font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#1a1a1a;} /**服务流程*/ .ServiceFlow{width:100%;padding-top:10px;padding-bottom:0; overflow:hidden;} .ServiceFlow dl{ background:url(../images/winco21.png) 20px 0 repeat-y;} .ServiceFlow .ServiceImg{ text-align:left;} .ServiceFlow .ServiceImg img{ width:40px;height:40px;} .ServiceFlow dd{width:100%; float:none; position:relative;top:-35px;left:40px;} .ServiceFlow dd h4{color:#333; font-size:14px;padding-left:10px;} .ServiceFlow dd h4 .num{color:#8cc63e; font-size:18px; font-weight:bold; line-height:24px; display:inline-block;padding-right:10px; vertical-align:middle;} .ServiceFlow dl:last-child{ background:none;} /**投诉报修*/ .repairComplaints{padding-top:10px;color:#666;padding-bottom:30px;} .repairLeft{padding-right:0;} .repairOne{ line-height:24px;padding-bottom:20px;} .repairTwo{padding-bottom:20px;} .repairTwo h4{font-size:14px;color:#333;} .repairList{padding-top:10px; } .repairList li{padding:0;padding-right:10px;background: url(../images/wimg16.jpg) 0 center repeat-x;} .repairList a{background:#fff; display:block;width:70px;height:70px; border-radius:100%; border:1px solid #D3D3D3; text-align:center; font-size:12px;} .repairList a .t{padding-top:16px; line-height:20px;} .repairList li:last-child{ background:none;} .repairForm{padding-top:10px;width:100%;} .repairThree .text{color:#333; line-height:24px;} .repairForm ul li{margin-bottom:10px;padding:0;} .repairForm ul li.add1{padding-right:0;} .repairForm ul li.add2{padding-left:0;} .repairForm ul li .text{width:100%; float:none;margin-top:7px;} .repairForm ul li .labelInput{ float:none;width:100%;} .repairForm ul li input[type="text"],.repairForm ul li textarea{width:100%; border:1px solid #BBBBBB;height:35px; line-height:normal;padding-left:10px;} .repairThree ul li textarea{height:115px; resize:none;padding:10px;} .repairSubmit{width:100%; background:#333; height:38px; line-height:38px; text-align:center; font-size:16px;color:#fff; cursor:pointer;} .repairRIght{padding-right:0;padding-top:20px;} .repairRIght img{ display:block;width:100%;} .repairForm ul li .type{margin-top:-2px;} .repairForm ul li .radio{padding-right:10px; cursor:pointer;} .repairForm ul li input[type="radio"]{border:1px solid #D0D0D0;width:15px;height:15px; border-radius:100%; display:inline-block; vertical-align:middle;margin-right:5px; cursor:pointer;} .repairForm ul li input[type="radio"]:checked{ background:url(../images/winco22.png) 0 0 no-repeat; border:none;} /*别墅生活刊物*/ .resourceWarp{ overflow:hidden;padding-bottom:30px;} .resourceWarp>ul{margin:0 -15px;} .resourceWarp>ul>li{margin-bottom:20px;padding:0 15px;} .resourceWarp>ul>li>.brdsth{ display:block; border:1px dashed #CCCCCC;} .resourceWarp>ul>li .imgLeft img{ display:block;width:auto;margin:0 auto;} .imgLeft{padding:0;width:100%;} .contentRight{width:100%;padding:27px 20px 0;} .booking{ position:relative; z-index:1;} .contentRight .developmentTitle:after{width:13%;} .bookingList{ position:relative; overflow:hidden;} .bookingList li {padding-top:5%;} .bookingList li .pt27{padding-bottom:5%; position:relative;} .bookingList li .num{ font-family:Arial; font-size:13px;color:#74aa44;padding-right:15px; border-right:1px solid #74AA44; position:absolute;top:0;left:0;} .bookingList li .num i{ font-size:16px;} .bookingList li .bookCon{ display:block;color:#666;padding-left:53px;width:100%;} .bookingList li .bookCon .bookName,.bookingList li .bookCon .bookText{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;height:18px;} .bookingContent{padding-top:20px;} .bookingContent h4{color:#74aa44; font-size:16px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;height:18px;margin-bottom:15px;margin-left:-5px;} .bookingContent .btn{ display:inline-block;width:95px;height:35px; border:1px solid #74AA44; text-align:center;color:#74AA44; line-height:35px;font-size:13px; cursor:pointer;} .bookingList .swiper-wrapper{width: 100%;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position: relative;box-sizing: content-box;width: 100%;height: 100%;z-index: 1; display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;} .bookingList ul li{position:relative; float:left; width:100%; flex-shrink: 0;} .bookLayer .appointContent span.tit i{color:#920202;} .bookLayer .appointContent .address{height:100px; line-height:22px; resize:none;} .bookLayer .appointBtn{ text-align:right;padding:30px 0 15px;} .bookLayer .appointBtn .appointReset{ border:none;font-size:14px;} .bookLayer .appointBtn .appointButton{margin-right:0;} /*业务故事*/ .StoryList{padding:28px 0 30px;} .StoryList dl dd .deailsbtn a{color:#666;} .wcompanyNews h3 a:hover{color:#8cc63e;} .pt30{margin-top:20px;} /*--新闻详细--*/ .commonDetailed{padding:30px 10px;background:#F9F9F9;margin:20px 0 30px; line-height:24px;} .commonDetailed img{ display:block;max-width:100%;} .commonDetailedtitle{ border-bottom:1px solid #cccccc; padding-bottom:10px;} .commonDetailedtitle h3{ font-size:18px; text-align:center; line-height:26px; color:#1a1a1a;} .commonDetailedtitleTimeAuthor{ text-align:center; color:#666; font-size:13px; padding:15px 0px 10px;} .commonDetailedtitleTimeAuthor span{ padding-right:20px; position:relative; top:-3px; *top:2px;_top:1px;} .commonDetailedContents{ padding:20px 0px; font-size:14px;} .commonDetailedContentsfoot{padding-bottom:20px;} .commonDetailedContentsfoot p{ text-align:center; padding-bottom:48px;} .commonDetailedContentsfoot p a{ display:inline-block; background:#1A1A1A; padding:5px 35px; color:#FFF; } .commonDetailedContentsfoot p a:hover{} .commonDetailedContentsfoot dl{ border:1px solid #cccccc; border-left:none; border-right:none; font-size:13px; padding:13px 0px;} .commonDetailedContentsfoot dl span{ display:inline-block; background:#DDDDDD; color:#1a1a1a; line-height:27px; padding:0px 10px; margin-right:15px;} .commonDetailedContentsfoot dl a{ } .commonDetailedContentsfoot dl dd{ float:none;margin-bottom:15px;} .commonDetailedContentsfoot dl dt{ float:none;} .commonDetailedContentsfoot dl dd,.commonDetailedContentsfoot dl dt{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;} .RecommendedMsg h3{ font-size:18px;color:#333;margin-bottom:10px;} .RecommendedMsg ul{margin:0 -20px;} .RecommendedMsg ul li{padding:0 20px;margin-bottom:3px;} .RecommendedMsg ul li a{ display:block;color:#666;overflow:hidden;height:24px;} .RecommendedMsg ul li a .date{ padding-left:10px;float:right; display:block;} .RecommendedMsg ul li a:hover,.commonDetailedContentsfoot dl a:hover{color:#8CC63E;} /*装修头条*/ .newslist{margin-top:0;padding-bottom:25px;} .newslist dl{padding:20px 0; position:relative; background:#fff;border-bottom:1px solid #D9D9D9;} .newslist dt{padding:0;} .newslist dt img{display:block;width:100%; } .newslist dd{padding-top:10px;padding-right:0;padding-left:0;line-height:24px;} .newslist dd h4{font-size:15px;font-weight:bold;padding-bottom:10px;} .newslist dd h4 a{color:#1a1a1a;} .newslist dd p.text{text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3; color:#666666; font-size:13px;height:72px;} .newslist .date{ position:relative; right:auto;top:10px;text-align:left;} .newslist .date em{ font-family:Arial; font-size:15px; line-height:normal;border-bottom:none; display:inline-block; vertical-align:-1px; position:relative;padding-left:5px; font-weight:normal;} .newslist .date em:before{ content:"."; position:absolute;left:0;color:#1a1a1a; display:block; font-weight:bold;top:0;} .newslist .date .time{font-size:15px; display:inline-block;float:left; vertical-align:middle;} .newslist .deailsBtn{margin-top:25px;} .newslist .deailsBtn a{ display:block;padding:5px 15px; border:1px solid #999999; text-align:center;} .newslist .deailsBtn a:hover{color:#fff; background:#7BAE4D; border:1px solid #7BAE4D;} .mt40{margin-top:25px;} .videoPlay .close{width:50px;height:50px; display:block; position:absolute; right:-10px;top:-10px; background:url(../images/cimg02.png) right top no-repeat; background-size:30px auto; cursor:pointer; z-index:999;} /*居家收纳艺术*/ .storageArt{ padding-top:30px;padding-bottom:30px;line-height:24px; text-align:center;} .storageArt .title{ text-align:center; font-size:20px; line-height:20px;margin-bottom:10px;} .storageArtList{ text-align:left;padding-top:20px;} .storageArtList li,.storageArtOnelist li,.storageArtTwolist li,.storageArtThreelist li,.storageArtfourlist li,.storageArtfvelist li,.storageArtSixlist li{ position:relative; overflow:hidden; float:left;} .storageArtList li:nth-of-type(1){width:100%;margin-right:0;} .storageArtList li img,.storageArtOnelist li img,.storageArtThreelist li img,.storageArtfourlist li img,.storageArtfvelist li img,.storageArtSixlist li img{width:100%; display:block;} .storageTitle{width:100%; position:absolute;left:0; background:rgba(116,170,68,.8);color:#fff;padding:10px 10px; font-size:16px; font-weight:bold;top:0;} .storageArtList li:nth-of-type(2){width:43.1%;margin-right:2%;} .storageArtList li:nth-of-type(2) .img1{margin-bottom:6%;} .storageArtList li:nth-of-type(3){width:54.9%;} .storageArtOne{ background:#F7F7F7;} .storageWraper{padding:30px 10px;} .storageArtOnelist li:nth-of-type(1){width:38.6%;margin-right:.8%;} .storageArtOnelist li:nth-of-type(2){width:60.6%;} .storageArtTwolist li img{ display:block;width:100%;} .storageArtTwolist li:nth-of-type(1){ width:100%;margin-right:0;} .storageArtTwolist li:nth-of-type(2){width:100%;} .storageArtTwolist li:nth-of-type(2) .img2{margin-bottom:0;margin-right:1.77773%;} .storageArtTwolist li:nth-of-type(2) img{width:32.15%; float:left;} .storageArtTwolist li .storageTitle{ bottom:0;top:auto;} .storageArtThreelist li:nth-of-type(1){width:58%;margin-right:3%;} .storageArtThreelist li:nth-of-type(2){width:39%;margin-right:0;} .storageArtThreelist li:nth-of-type(3){width:100%;margin-top:3%;} .storageArtThreelist li:nth-of-type(3) .storageTitle{width:56%;} .storageArtThreelist li .tit1{bottom:0;top:auto;} .storageArtThreelist li .tit2{padding:10px;font-size:16px;} .storageArtfourlist li:nth-of-type(1){width:100%;margin-right:0;margin-bottom:3%;} .storageArtfourlist li:nth-of-type(2){width: 50.1%;margin-right:2%;} .storageArtfourlist li:nth-of-type(3){width:46.5%;} .storageArtfourlist li:nth-of-type(3) .storageTitle{bottom:0; top:auto;} .storageArtfvelist li:nth-of-type(1){width:100%;margin-right:0;margin-bottom:3%;} .storageArtfvelist li:nth-of-type(1) .storageTitle{width:100%;} .storageArtfvelist li:nth-of-type(2){width:100%;} .storageArtfvelist li:nth-of-type(2) .storageTitle{top:auto;bottom:0;} .storageArtSixlist li .storageTitle{width:50%;padding:20px; font-size:14px; font-weight:bold; line-height:22px;} .storageArtSixlist li .storageTitle h4{ font-size:16px; font-weight:bold;margin-bottom:10px;} .storageArtSixlist li .storageTitle p{ font-weight:bold;} .storageArtSixlist li:nth-of-type(1){width:100%;margin-right:0;margin-bottom:3%;} .storageArtSixlist li:nth-of-type(2){width:100%;} @media (min-width: 500px){ /*业务故事*/ .StoryList{padding:28px 0 30px;} .wcompanyNews dl dd .deails{ -webkit-line-clamp:2;} .StoryList dl dd{padding-left:15px;} .StoryList dl{padding:20px 0;} .StoryList h3{margin-bottom:2px;} .StoryList dl dt{width:45%;float:left;padding-left:0; margin-bottom:0;} .StoryList dl dd{width:55%;float:left;} .wcompanyNews dl dd .deails {margin:0 0 10px; } .wcompanyNews dl dd .deailsbtn a{padding:3px 20px;} .pt30{margin-top:35px;} } /*ipad竖版区 域*/ @media (min-width: 767px){ /*首页*/ .oneConRight ul li:nth-of-type(3){ background:#7EBE2D;} .oneConRight ul li .content{padding:0 20px;} .indexColumnThree .caseText a,.indexColumnFour .caseText a,.indexColumnFive .caseText a{ float:right;padding-top:0;} .indexjobCon .swiper-slide dd h4{margin-bottom:12px;} .indexjobCon .swiper-slide dd:after{ bottom:-18px;background-size:auto 20px;} .indexjobCon .swiper-slide:nth-of-type(even) dd:after{ top:-18px;} .indexTitle{padding-bottom:20px;} /**首页第四个栏目*/ .indexNews{padding:20px;} .recommendation dt { float:left;width:30%; overflow:hidden;} .recommendation dt a{ display:block;} .recommendation dd{width:70%; padding-left:20px;float:left; } .indexNewsList ul{margin-top:10px;} .banner{ margin-top:0;} .whyCon ul li img{transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; position: relative; top: 0;} .whyCon ul li:hover img{top:-10px;} .indexjobCon .swiper-slide dt{ overflow:hidden;} /*设计案例*/ .degCase ul {padding-top:20px;} .degCase ul li .caseImg{width:60%;} .degCase ul li .caseCon{width:40%; padding:20px 20px;position:absolute;} .degCase ul li:nth-of-type(even) .caseCon{left:0;right:auto;} .degCase ul li:nth-of-type(even) .caseImg{ float:right;} .degCase ul li .caseCon .casetext{margin:20px 0;text-overflow: ellipsis;-webkit-box-orient: vertical; overflow: hidden;display: -webkit-box; -webkit-line-clamp:2;height:42px;} /*设计案例详情页*/ .caseDetailsRight dl{ float:left;width:50%;} .caseDetailsRight dl.listOne{padding-right:20px;} /*热装楼盘详情页*/ .hotDetails dd{padding-left:20px;} .hotDetails dd .hotText{height:64px;margin-bottom:20px;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp:3; overflow:hidden;} /*在施工地*/ .constructionSite ul li .conimg{padding-right:30px; } .scontent .seeBtn{left:0;position:absolute;bottom:10px;z-index:1;} .scontent{padding:0;} /*在施工地详情页*/ .plantDetailsLeft{ padding:20px;} .plantDetailsRight{ padding:40px 20px;float:none;width:100%;} .plantDetailsLeft dt{padding:0 30px 0 0;} .plantDetailsLeft dd h4{font-size:18px;margin:20px 0 50px;} .plantDetailsLeft dd .wseeBtn{ position:absolute;bottom:10px;} /*预约参观*/ .appointContent{width:70%;padding:30px 0 35px;} .appointContent ul li span.tit{width:20%; float:left;} .appointContent ul li label{ width:80%; float:left; } /*设计系统*/ .systemtitle{font-size:28px; } .system{padding-bottom:60px; } .system dl dt{ float:left;width:50%;padding-right:40px;} .system dl dd{ float:right;width:50%;padding-top:80px;} .system dl dd h4.t{padding-bottom:25px;} .system dl dd .systemOneText img,.systemSix dd .systemOneText img{margin-left:-35px;} .systemTwo{padding:40px 0 10px;} .systemTwo .t{padding-bottom:20px; text-align:center;} .systemTwo .timg{margin-top:0;} .threeImg p{padding-bottom:0;} .systemThree{padding-top:60px;padding-bottom:30px;} .systemThree .t{padding-bottom:40px;} .systemFour .threeImg{padding-top:40px;} /**誉巢力量**/ .expertList{padding-bottom:40px;} .expertPt{padding-top:12px;padding-bottom:50px;} .expertList dl dd{padding:20px 10px;} .expertList dl dt .arror{ display:block;} .homeWraper{background:url(../images/winco19.png) 0 0 repeat-y; background-size:25% auto;} .homeName{ font-size:18px;padding:35px 0 30px;} .homNav {padding:0 10px;} .homNav li a{ padding:15px 20px 15px 35px;background-position:10px center;} .homNav li a:after{top:20px;} .homeLeft{border-right:1px solid #ddd;padding:0;} .homeWraper{ margin-top:0;} /*品牌文化*/ .mission{padding-bottom:40px;} .missionTit{font-size:22px; line-height:24px;} .missionList{padding-top:30px;} .missionList li{padding:0 30px;} .missionList li a .preBottom{height:98px;} .missionList li a .preBottom .text{ position:relative;top:auto; transform:translate(0,0); -webkit-transform:translate(0,0);width:100%; padding:25px 30px 0; } /*环保材料*/ .NavWraper .threeNav{width:auto;} .NavWraper .threeNav a{ width:112px;margin:0 8px; } .assuranceOne{margin-bottom:25px;} .assuranceList{padding:20px;} .assuranceList dt{min-height:218px; } .assuranceList dd{min-height:218px; padding:0 5px 0 20px;} /*精湛工艺*/ .assuranceTwo{padding-top:20px;} .assuranceTwo dl dd{padding:10px 5px 0 20px; line-height:22px;} /*严苛验收*/ .course2{padding-top:30px;} .course2 h3{ font-size:24px;margin-bottom:30px;} .course2 dl{ padding:0px;} .course2 dl dd{ float:right; width:50%; padding-left:145px; padding-bottom:50px;padding-right:0;} .course2 dl dd .num{left:87px;font-size:30px;line-height:31px; margin-bottom:25px;} .course2 dl dd span.dot{ width:92px; height:33px; left:-18px;top:0; background-size:92px auto; } .course2 dl:nth-of-type(odd) dd{ float:left;width:50%;padding-right:145px;border-right:3px solid #e6e6e6;border-left:none;right:-4px;padding-left:0;} .course2 dl:nth-of-type(odd) dd .num{ text-align:right;right:87px;} .course2 dl:nth-of-type(odd) dd span.dot{ left:auto;right:-18px;background-image:url(../images/fazhan4.png);} .course2 dl:nth-of-type(odd) dd .text{ text-align:right;} .course2 dl dd .strong{ font-size:15px;} /*公司新闻*/ .wcompanyNews dl dt{ float:right;} /*--人才招聘-zcx*-*/ .Recruitmentsearch dl{ max-width:515px; margin:auto; padding-left:100px; position:relative; padding-right:0px;} .Recruitmentsearch dl dt{width:150px; position:relative; left:0px; padding:10px 0px 0px 45px; font-size:18px; color:#8CC63E; margin:auto; padding-bottom:15px;} .Recruitmentsearch{padding:30px 0;} .Recruitmentsearch dl dt{width:90px; position:absolute; left:0px; padding:10px 0px 0px; font-size:18px; } /**服务流程*/ .ServiceFlow{padding-top:28px;padding-bottom:27px;} .ServiceFlow dl{ background:url(../images/winco21.png) center 0 repeat-y;} .ServiceFlow .ServiceImg{ text-align:center;} .ServiceFlow .ServiceImg img{ width:58px;height:58px;} .ServiceFlow dd{width:50%; float:right;top:-44px;left:55px;} .ServiceFlow dd h4{font-size:15px;} .ServiceFlow dd h4 .num{font-size:24px; line-height:24px; padding-right:10px; } .ServiceFlow dl:nth-of-type(even) dd{ float:left; text-align:right;right:55px;left:auto;top:-37px;} .ServiceFlow dl:nth-of-type(even) dd .num{ float:right;padding-left:10px;padding-right:0; display:block;margin-top:-3px;} .ServiceFlow dl:last-child{ background:none;} /*别墅生活刊物*/ .resourceWarp>ul>li{margin-bottom:40px;} .resourceWarp>ul>li .imgLeft img{ display:block;width:auto;height:400px;} .imgLeft{width:51.3333%;} .contentRight{width:48.6667%;padding:27px 20px 0;} .bookingList li {padding-top:7%;} .bookingList li .pt27{padding-bottom:7%; } /*业务故事*/ .StoryList dl dt{ float:left;padding-left:0;padding-right:6px;} .StoryList dl dd{padding-left:24px;} .StoryList h3{margin-bottom:10px;} .wcompanyNews dl dd .deailsbtn a{padding:5px 20px;} .wcompanyNews dl dd .deails{ -webkit-line-clamp:3;margin:10px 0 20px;} /*--新闻详细--*/ .commonDetailedtitle{padding-bottom:20px;} .commonDetailedtitle h3{ font-size:28px; line-height:32px;} .commonDetailedContentsfoot dl dd{ float:none;margin-bottom:15px;} .commonDetailedContentsfoot dl dt{ float:none;} /*装修头条*/ .newslist dl{padding:25px 0;} .newslist dd{padding-top:18px;padding-right:0;padding-left:20px;} .newslist dd h4{font-size:18px;padding-bottom:20px;} .newslist .date{ position:relative; right:auto;top:5px;text-align:left;} .newslist .date em{ font-size:15px; line-height:normal;border-bottom:none; display:inline-block; vertical-align:-1px;padding-left:5px;} .newslist .deailsBtn{margin-top:15px;} .newslist .deailsBtn a{padding:2px 14px; display:inline-block;text-align:left;} /*居家收纳艺术*/ .storageArt{ padding-top:32px;padding-bottom:50px;line-height:30px; text-align:center;} .storageArt .title{ font-size:28px; line-height:28px;margin-bottom:15px;} .storageArtList{padding-top:35px;} .storageArtList li:nth-of-type(1){width:38.6%;margin-right:.8%;} .storageTitle{padding:17px 20px; font-size:20px;} .storageArtList li:nth-of-type(2){width:26.5%;margin-right:.8%;} .storageArtList li:nth-of-type(2) .img1{margin-bottom:3.59%;} .storageArtList li:nth-of-type(3){width:33.2%;} .storageWraper{padding:30px 10px;} .storageArtTwolist li:nth-of-type(1){ width:76.9%;margin-right:.8%;} .storageArtTwolist li:nth-of-type(2){width:22.18%;} .storageArtTwolist li:nth-of-type(2) .img2{margin-bottom:3%;} .storageArtTwolist li:nth-of-type(2) img{width:100%; float:none;} .storageArtThreelist li:nth-of-type(1){width:37.8%;margin-right:.8%;} .storageArtThreelist li:nth-of-type(2){width:25.5%;margin-right:1.6%;} .storageArtThreelist li:nth-of-type(3){width:34%;margin-top:0;} .storageArtThreelist li:nth-of-type(3) .storageTitle{width:56%;} .storageArtThreelist li .tit2{padding:10px 20px;font-size:18px;} .storageArtfourlist li:nth-of-type(1){width: 33.5%;margin-right:.8%;} .storageArtfourlist li:nth-of-type(2){width: 33.5%;margin-right:.8%;} .storageArtfourlist li:nth-of-type(3){width:31.1%;} .storageArtfourlist li:nth-of-type(3) .storageTitle{bottom:0; top:auto;} .storageArtfvelist li:nth-of-type(1){width:47.5%;margin-right:3%;margin-bottom:0;} .storageArtfvelist li:nth-of-type(1) .storageTitle{width:63.5%;} .storageArtfvelist li:nth-of-type(2){width:49.4%;} .storageArtfvelist li:nth-of-type(2) .storageTitle{top:auto;bottom:0;} .storageArtSixlist li:nth-of-type(1){width:49.6%;margin-right:.8%;margin-bottom:0;} .storageArtSixlist li:nth-of-type(2){width:49.4%;} } /*ipad横版区域*/ @media (min-width: 991px) { /**公共*/ .header{ position:relative;top:auto;left:auto; } .zoom{ display:block; overflow:hidden;} .zoom img{webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;} .zoom img:hover{webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;} .pt32{padding-top:32px;} /**首页*/ .headerTop{padding-top:35px;padding-bottom:30px;} .headerTop .logo{width:24%;} .headerTop .logo img{height:64px;} .headerTop .headerRight{ float:right; width:auto;top:auto; position:static; display:block;} .searchCon{ float:left;width:auto;} .searchCon .search{width:340px;height:40px; border:1px solid #DCDCDC; position:relative; top:auto; } /*导航*/ .headerBottom{ background:#4b4b4b; position:static; top:auto;} .headerBottom ul {padding-bottom:0;} .headerBottom ul li{ float:left;height:46px; line-height:46px; font-size:16px; text-align:center;width:12%; border-bottom:none;} .headerBottom ul li h3 a{ color:#fff; display:block;margin:0 1.8%;padding-left:0;} .headerBottom ul li h3 a:after{ opacity:0;} /*首页栏目*/ .indexTitle{ font-size:32px;line-height:32px; } .indexTitle:after{width:49px;} .indexTitle .more{color:#fff;} .indexColumnThree .caseText,.indexColumnFour .caseText,.indexColumnFive .caseText{padding-top:23px;} /*首页第一个栏目*/ .oneConLeft .oneText{margin:30px 0 10px; overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;height:96px;} .oneConRight ul li:nth-of-type(4){ float:right;} .oneConRight h3{ font-size:18px;} .oneConRight h4{ font-size:20px;} .oneConLeft{padding-top:30px;padding-right:55px;} .indexColumnOne{padding-bottom:30px; } .oneConLeft{padding-top:114px;} .oneConRight ul li .playBtn{background-size:61px auto;} .viewMore{poadding-bottom:0;} .videoPlay{width:990px;} .indexjobCon .swiper-slide:nth-of-type(1) dd .contentName{top:40px;} /*首页第二个栏目*/ .indexColumnTwo{ padding-top:50px;padding-bottom:48px;background-image:url(../images/wimg03.jpg); background-size:100% auto; color:#fff;} .indexColumnTwo .indexTitle:after{ background:rgba(255,255,255,.5);} .indexBrief{ padding-top:20px;} .indexjobCon{margin-top:51px;padding-bottom:62px;} .indexjobCon .swiper-slide dd h4{ font-size:24px;} .indexjobCon .swiper-slide .contentName{ display:block;padding:0 20px;color:#fff;} /*首页第三个栏目*/ .indexCase {margin:0 -10px;padding-bottom:40px;} .indexCase ul{padding-top:48px;} .indexCase ul li{margin-bottom:20px;padding:0 10px;} .indexColumnThree{ padding-top:68px;padding-bottom:40px;} .indexCase ul li:hover .caseList .caseLink{ display:block;} /*首页第四个栏目*/ .indexColumnFour{padding-top:50px;padding-bottom:147px;background-position:center bottom; background-repeat:no-repeat;background-image: url(../images/wimg05.jpg); background-size:100% auto; background-color:#fff;} .indexNews{margin-top:45px; border:1px solid #EEEEEE;padding:40px 50px;} .recommendation{width:43.3333%; float:left;} .recommendation dt,.recommendation dd{ float:none;width:100%;} .recommendation dt img{ width:auto; height:245px;} .recommendation dd{ padding-left:0; line-height:22px;} .recommendation dd h4{ font-size:18px;margin:15px 0 10px;} .indexNewsList{width:56.66666%; float:left;padding-left:60px;} .indexNewsList ul{margin-top:-20px;} .indexNewsList ul li{padding:20px 0 33px 67px;background-position:0 20px; background-repeat:no-repeat; background-size:auto 59px; } .indexNewsList ul li a h4{margin-bottom:10px;} /*首页第五个栏目*/ .indexColumnFive{padding-top:65px;padding-bottom:55px;} .Customer{padding:55px 0 38px;margin:0 -10px;} .Customer .swiper-slide{margin-bottom:25px;padding:0 10px;} .Customer dl dt{width:37%;margin-right:0;} .Customer dl dt img{ width:100%;} .Customer dl dd{ float:left;width:63%;padding:23px 24px 0;} .Customer dl dd .title{ font-size:18px;margin-bottom:13px;} .Customer dl dd .date{padding:3px 8px; margin-bottom:16px;} .Customer dl dd .text{height:66px;-webkit-line-clamp:3;} /*首页第l六个栏目*/ .indexColumnSix{ padding-top:40px;padding-bottom:212px;background-image: url(../images/wimg11.jpg);} .whyCon ul{padding-top:55px;} .indexColumnSix{} .whyCon{padding-top:20px;} .whyCon ul{padding-top:60px;} .whyCon ul li{ text-align:center;margin-bottom:0;} .whyCon ul li .whyArt{padding:28px 13% 0; font-size:15px; line-height:24px;} .whyCon ul li .whyArt .wtitle{ font-weight:bold; font-size:24px; line-height:24px; overflow:hidden;height:24px;margin-bottom:20px;} .whyCon ul li img{height:auto;} /*底部*/ .footer{padding-top:33px;} .footerTel { font-size:18px;padding-bottom:25px;} .footerTel .inco{background-size:34px auto;} .footerTel a{font-size:30px;} .footerList {padding-top:35px;padding-bottom:45px;border-bottom:1px solid #373935;} .footerList ul li {float:left;width:15.5%;} .footerList ul li.li1 a{padding-bottom:5px;} .footerList ul li.li1 h3 {padding-top:0;padding-bottom:15px; background:none;border-bottom:none;} .footerList ul li.li1 h3 a{color:#A6A6A6;} .footerList ul li.li1{padding-right:0;} .footerList ul li:last-child{ width:auto;} .footerList ul .subFooter{padding:0;} .footerFriendship{padding:25px 0 20px;} .footerFriendship .friendTitle{ float:left;width:10%;margin-top:10px;} .footerFriendship .FriendshipList{ float:left;width:90%; } .footerFriendship .FriendshipList a{padding-right:20px;} .footerBottom{color:#565656; height:50px; line-height:50px;padding:0; text-align:left; overflow:hidden;} .footerBottom .bdsharebuttonbox{ float:right;padding-top:9px;padding-bottom:0;} /*设计案例*/ .selection{margin-top:28px;padding-bottom:25px;} .selectDl { padding:18px 0 9px; } .selectDl dt{ top:23px; } .selectDl dd a{padding:5px 20px;margin:0 10px;} .degCase{padding-bottom:65px;} .degCase ul {padding-top:40px;} .degCase ul li{margin-bottom:80px; background:none;} .degCase ul li .caseImg{width:70%;} .degCase ul li .caseCon{width:40%; padding:40px 35px 20px;position:absolute;right:0;top:auto;bottom:-40px;background:#F5F5F5;} .degCase ul li:nth-of-type(even) .caseCon{left:0;right:auto;} .degCase ul li:nth-of-type(even) .caseImg{ float:right;} .degCase ul li .caseCon .title{ font-size:18px;padding-bottom:16px;} .degCase ul li .caseCon .name{ padding-bottom:18px;} .degCase ul li .caseCon .casetext{margin:20px 0 50px; -webkit-line-clamp: 3;height:66px;} .degCase ul li .caseCon .more{ tline-height:30px;} .degCase ul li .caseCon .more a{padding:5px 20px;} /*设计案例详情页*/ .comdetails{padding-top:32px;padding-bottom:40px; } .comdetails .caseTitle{ font-size:24px;margin-bottom:20px;} .caseDetailsLeft{ float:left;width:78%;padding-left:0;padding-right:20px;} .caseDetailsRight{ float:left;width:22%;} .caseDetailsRight{padding:3% 20px 0;} .caseDetailsRight dl{ float:none;width:100%;padding:0;} .caseDetailsRight dl dt{font-size:18px;} .caseDetailsRight dl dt span:after{bottom:-9px;} .caseDetailsRight dl.listOne dd{padding:20px 0 10%;} .caseDetailsRight dl.listTwo dd{padding:22px 0 22px;} .caseDetailsRight dl.listTwo .seeHome,.plantDetailsRight ..seeHome{line-height:30px;padding-top:5%;} .caseDetailsRight dl.listTwo .seeHome a,.plantDetailsRight ..seeHome a{padding:5px 10px; } .comdetailsTwo{padding-bottom:40px;} .comdetailsTwo .tit{ font-size:30px; line-height:30px;padding:40px 0;} .comdetailsTwo .w{font-size:15px;} .comdetailsTwo .img{padding:20px 0;} .RelatedCase ul li{margin-bottom:0;} /*相关案例*/ .RelatedCase{padding:30px 0;} .RelatedCase h3{font-size:20px;} /*客户证言*/ .comWebNav a{font-size:16px;padding:0 2.5%; } .testimony {padding-bottom:55px;} .testimony ul{padding-top:30px;} .testimony ul li{margin-bottom:30px; } .testimony ul li .testimonyCon{padding:15px 15px 35px;} .testimony ul li .testTitle{font-size:18px;margin-bottom:18px; overflow: hidden;} .testimony ul li .detailsBtn{ padding-top:25px;} /*热点楼盘*/ .HotCharging{padding:32px 0 55px;} .HotCharging ul{padding-bottom:30px;} /*热装楼盘详情页*/ .hotDetails{margin:32px 0 40px;padding:20px;} .hotDetails dd{padding:18px 20px 0 30px;} .hotDetails dd .hott{font-size:24px; padding-bottom:25px;} .hotDetails dd .hotText{height:88px;margin-bottom:30px;-webkit-line-clamp:4; } .wseeBtn{ position:absolute;bottom:10px;left:30px; z-index:1;} .developmentTitle{font-size:18px;} .developmentTitle:after{ bottom:-1px;width:5%;} .developmentCase{padding-bottom:20px;} .developmentCase li .devTitle{font-size:18px;margin-bottom:12px;} .developmentCase li .artile{padding:18px 10px;} .developmentCase li{margin-bottom:20px;} .Designer{padding-bottom:65px;} .Designer ul {padding-top:40px;} .Designer ul li{padding:0 47px;} .Designer ul li:hover img{top:-10px;} /*在施工地*/ .constructionSite{padding-top:32px;padding-bottom:80px;} .constructionSite ul{padding-bottom:20px;} .constructionSite ul li{padding-bottom:20px;margin-bottom:20px;} .scontent .conTitle a{ font-size:24px; line-height:24px;margin-bottom:15px;} .scontent .time{margin-bottom:20px;} /*在施工地详情页*/ .plantDetails{margin-bottom:40px;} .plantDetailsLeft{ float:left;width:80%;padding:20px;} .plantDetailsRight{ padding:40px 20px;float:left;width:20%;} .plantDetailsLeft dd h4{font-size:24px;} .Recruitmentlist{padding-bottom:75px;} .RecruitmentContent{padding:30px 0;} /*预约参观*/ .appointBox{ width:80%;} .appointBox h3{padding:30px 35px;} .appointBox h3:after{left:35px;} /*设计系统*/ .containerWeb{font-size:16px; line-height:28px;} .systemTwo{padding:40px 0 20px;} .systemTwo .t{padding-bottom:15px; text-align:center;} .systemTwo .timg{margin-top:5px;} .systemSix{padding-top:50px;padding-bottom:30px;} .systemSix dt{ float:right;width:50%; } .systemSix dd{padding-top:30px;float:left;width:50%; } .systemSix dd .systemtitle{padding-bottom:30px;} /**誉巢力量**/ .expertRecommend{padding-top:0;} .expertRecommend dl dd{padding:25px;} .wname{font-size:24px;margin-bottom:18px;} .wjobText{font-size:16px;margin-bottom:5px;} .expertRecommend dl dd .Expertise{width:80%;} .Expertise{padding-top:23px;} .expertList dl dd{line-height:24px;padding:40px 20px 20px;} .expertList dl .wname{font-size:18px;margin-bottom:18px;} .expertList dl .wdesTitle{font-size:14px;} .expertList dl .Expertise{padding-top:23px;} .expertList dl .Expertise a{ font-size:14px;} .expertList dl .Expertise span{ display:block;height:auto; overflow:hidden;} .homeName{ font-size:18px;} .homNav {padding:0 25px;} .homNav li a{ padding:15px 20px 15px 65px; background-position:30px center;font-size:16px; font-weight:bold; background-size:22px auto;} .homeRight{padding:30px 40px 20px;} .Personalprofile{padding-bottom:23px;} .Personalprofile .title{font-size:24px;padding-bottom:20px; font-weight:bold;} .homeDetails{padding-bottom:23px;} .homeDetails .hometit{padding-bottom: 10px; font-size: 16px;margin-bottom:15px;} .DesignerTitle{ font-size:20px;margin-bottom:25px;} .Designer ul li{margin-bottom:0;} .DesignerBottom{padding:30px 0 65px; } .worksTitle{ font-size:24px;margin-bottom:30px;} .workingList,.writing{margin:0 -15px;} .workingList li,.writing li{margin-bottom:30px;padding:0 15px;} .workingList li:last-child{margin-bottom:30px;} .writing{padding-top:0;} .comWebNav .sorbar{ display:block;} /*联系我们*/ .ptb36{padding-top:32px;padding-bottom:60px;} .ContactCon{padding-bottom:60px;} .addTitle{font-size:18px;padding-left:40px;margin-bottom:10px;} .ContactCon .map,.brandImg{float:right; width:56%;} /*品牌介绍*/ .brand {padding-top:30px;} .brand .contittle img{height:auto;} .brand .addTitle{background-size:53px 1px;margin-bottom:30px;} .brand .pl58{padding-left:58px;} .brandCon{width:50%; float:left;padding-top:15px;padding-bottom:0;} .brandImg{margin-top:-5px;} .brandImg{width:44%;} /*品牌文化*/ .mission{padding-bottom:70px;} .missionTit{ font-size:28px; line-height:28px;} .missionList{padding-top:40px;} .missionList li {padding:0 50px;} .missionList li a{width:240px;height:240px;} .prospects dt{padding:0 30px 0 0;} .prospects dt a{ height:390px;} .prospects dt img{ display:none;width:100%;} .prospects dd{padding-top:30px;} .prospects dd .prospectsCon{width:100%;color:#666; line-height:24px;} .prospectsCon .proTit{font-size:28px; line-height:28px;margin-bottom:20px;} .senseWraper{padding-top:60px;} .sense{padding-left:20px;color:#666; line-height:24px;} .sensetext{ font-size:28px; line-height:28px;color:#333;margin-bottom:40px;} .pl40{padding-left:40px;} .sense .list1{margin-bottom:15px;} /*环保材料*/ .assuranceOne .tit{ font-size:18px;margin-bottom:25px;} .assuranceList dd{ padding:0 25px 0 40px;} .assuranceOne:last-child{margin-bottom:20px;} /*精湛工艺*/ .assuranceTwo dl dd{padding:10px 5px 0 40px;} .assuranceTwo dl dd .TechTitle{ font-size:20px;padding-bottom:5.5%;} .assuranceTwo dl dd .Technology{padding-top:18px;} .assuranceTwo dl{padding:20px;} .course2{padding-bottom:10px;} /*公司新闻*/ .wcompanyList{padding-bottom:50px;} .wcompanyNews{padding-bottom:60px;} .wcompanyNews h3{font-size:24px;margin-bottom:15px; line-height:24px; } .wcompanyNews dl {padding:20px 0;} .wcompanyNews dl dd .deails{margin:20px 0 47px;-webkit-line-clamp:3; } .wcompanyNews dl{margin-bottom:0;} .wcompanyNews dl dd{padding:0;} .wcompanyNews dl dt{padding-left:46px;margin:0;} .wcompanyNews dl:nth-last-child(2){margin-bottom:30px;} .wqpRecruitmentlist{padding-bottom:60px;} .wqpRecruitmentContent{padding:35px 40px;} /*荣誉资质*/ .xcsmall {margin-bottom:45px;} .xcsmall ul{padding-bottom:40px;} .certificate-popupbox{ width: 650px; height:480px;} .certificate-popupbox .xcprev,.certificate-popupbox .xcnext{ display: block;} .productlisttwo .img{ padding:50px 10px;} .productlisttwo .xctitle{ height: 55px; line-height: 55px; } /*服务流程*/ .repairComplaints{padding-top:20px;padding-bottom:80px;} .repairRIght {padding-top:0;} .repairLeft{padding-right:30px;} .repairOne{ padding-bottom:50px;} .repairTwo{padding-bottom:48px;} .repairList a{width:90px;height:90px;font-size:14px;} .repairList a .t{padding-top:25px;} .repairForm{padding-top:25px;} .repairForm ul li{margin-bottom:26px;} .repairForm ul li.add1{padding-right:10px;} .repairForm ul li.add2{padding-left:9px;} .repairForm ul li .text{width:70px; float:left;margin-top:7px;} .repairForm ul li .labelInput{ float:left;width:66%;} .repairForm ul li.Problem .labelInput{width:83.7%;} .decAppointment .repairOne,.decAppointment .repairTwo{padding-bottom:26px; line-height:22px;} .decAppointment .repairForm{padding-top:15px;} .decAppointment .repairForm ul li{margin-bottom:20px;} /*别墅生活刊物*/ .resourceWarp{padding-bottom:80px;} .resourceWarp>ul>li .imgLeft img{width:100%;height:auto;} .contentRight{padding:20px 20px 0;} .bookLayer .appointContent span.tit{ text-align:right;} /*业务故事*/ .StoryList{padding:28px 0 30px;} .StoryList dl dt{padding-left:0;} .wcompanyNews dl dd .deails{ -webkit-line-clamp: 3;} .StoryList dl dd{padding-left:24px;} .StoryList dl{padding:30px 0;} .StoryList dl dt{width:38.3337%;} .StoryList dl dd{width:61.6663%;} .wcompanyNews dl dd .deails {margin: 20px 0 30px;} .pt30{margin-top:35px;} /*公司详情*/ .commonDetailed{padding:50px 110px 55px;margin:32px 0 60px; } .commonDetailedtitleTimeAuthor{ padding:23px 0px 15px;} .commonDetailedContentsfoot dl dd{ float:left;margin-bottom:0;width:50%;} .commonDetailedContentsfoot dl dt{ float:right;width:50%;} .commonDetailedContents{ padding:30px 0px; } .commonDetailedContentsfoot{padding-bottom:30px;} .RecommendedMsg h3{margin-bottom:18px;} .newslist{margin-top:5px;padding-bottom:60px;} .newslist dd{padding-top:25px;padding-right:135px;padding-left:30px; } .newslist dd h4{font-size:22px;padding-bottom:23px;} .newslist .date{ position:absolute; right:30px;top:80px; text-align:center;} .newslist .date em{ display:block;font-size:60px; line-height:60px;padding-bottom:5px; border-bottom:1px solid #1A1A1A;} .newslist .date .time{font-size:18px;padding-top:10px; display:block;} .newslist .deailsBtn{margin-top:25px;} .newslist .date em:before{ opacity:0;} .mt40{margin-top:40px;} .storageWraper{padding-top:50px;padding-bottom:50px;} } @media (min-width:1180px){ .comWebNav a{padding:0 3.29%; } /*首页*/ .indexColumnOne{padding-bottom:160px; } .oneConRight h3{ font-size:18px; } .oneConRight h4{ font-size:24px;padding-bottom:12px;} .indexjobCon{margin-top:51px;} .indexNewsList ul{margin-top:0;} .recommendation dt img{ height:288px;} /*底部*/ .footerList {} .footerList ul li {width: 15.7%;} .footerList ul li.li1{padding-right:6.3%;} .footerList ul li:last-child{padding-right:0;} .footerFriendship .friendTitle{width:7%;} .footerFriendship .FriendshipList{width:93%; } /*设计案例详情页*/ .caseDetailsRight{padding:20px 20px 0;} .caseDetailsRight dl.listOne dd{padding:20px 0 25px;} .caseDetailsRight dl.listTwo .seeHome{ padding-top:10px;} /*品牌文化*/ .missionList li{padding:0 76px;} .assuranceList dd{height:220px;} .assuranceList dd .assuranceCon{ position:relative; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);} /*别墅生活刊物*/ .contentRight{width:48.6667%;padding:27px 20px 0;} .bookingList li {padding-top:11%;} .bookingList li .pt27{padding-bottom:11%;} /*业务故事*/ .wcompanyNews dl dd .deails {margin: 20px 0 47px;} } @media (min-width:1300px){ .commonweb{padding-right:0;padding-left:0;} .fixRight{ display:block;} .appointContent{width:60%;} .comWebNav a{padding:0 3.38%; } .rightBox{padding-top:20px;} /*品牌文化*/ .prospects dd{padding-top:20px;} .prospects dd .prospectsCon{width:90%;} /*服务流程*/ .repairForm ul li .labelInput{ float:left;width:72%;} .repairForm ul li.Problem .labelInput{width:86.7%;} .storageArt,.storageWraper{padding-left:35px;padding-right:35px;} } @media (min-width:1800px){ /*品牌文化*/ .prospects dt a{ background-image:none;height:auto;} .prospects dt img{ display:block;} .prospects dd{padding-top:48px;padding-left:20px;} .prospects dd .prospectsCon{width:61%;} .rightBox{padding-top:50px;} } @media (max-width:768px){ .oneConRight ul li:nth-of-type(1) .content{position:relative;padding:20px;top:0; left:0;transform:translate(0,0);-webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0);} } @media (max-width:640px){ .appointBox{max-height:450px; overflow-x:auto;} } .indexzixunicon{ position:fixed; bottom:100px; left:0px; background:url(../../webimages/icon27.png) no-repeat;z-index:99; cursor:pointer; background-size:cover;width:80px; height:37px;} .indextable{ bottom:0px;position:fixed; top:59px; background-color:rgba(0,0,0,0.8); width:100%; z-index:99; padding:36px 0px 0px; display:none;} .indextable dl{max-width:1100px; margin:0px auto; position:relative;} .indextable dl span{ position:absolute; right:20px; top:-25px; cursor:pointer; background:url(../../webimages/close.png) no-repeat; width:27px; height:27px;} .indextable dl dd{ padding-bottom:20px;} .indextable dl dd img{ display:block; max-width:40%; margin:0px auto;} .indextable dl dd p{ text-align:center;font-size:18px; color:#fff; padding-top:10px;} .indextable dl dd:nth-child(3){display:none;} .indextablebox{ max-width:280px; margin:0px auto;} .indextablebox p{ padding-bottom:5px; position:relative;} .indextablebox p label{ display:block; background:#fff; padding:5px 10px;} .indextablebox p label input{ float:left; width:100%; color:#999999;} .indextablebox p.Linkage label{ width:32.3333%; float:left; margin-right:1%; padding:5px;} .indextablebox p.Linkage label:nth-child(3){ margin-right:0px;width:33%;} .indextablebox p.Linkage label select{ width:100%; color:#999999;} .indextablebox p.ver{ padding-right:95px;} .indextablebox p.ver input.versend{ right:0px; top:0px; cursor:pointer; position:absolute; background:#999999; width:90px; height:29px; color:#fff; font-size:14px;} .indextablebox p.tablebtn input{ float:left; width:49%; height:28px; background:#c69548; color:#fff; font-size:14px;} .indextablebox p.tablebtn input:nth-child(2){ float:right;} @media (min-width:768px ) { .indextable{ top:auto; padding:36px 0px;} .indextable dl dd{ float:left; width:33.3333%;padding-bottom:0px;} .indextable dl dt{ float:left; width:33.3333%;} .indextable dl dd img{ display:block; max-width:100%; margin:0px auto;} .indextable dl dd:nth-child(3){display:block;} } @media (min-width: 992px){ .indexzixunicon {width: 120px; height: 56px;} } /* 2021.04.21 */ /* 底部样式 */ .price-box{padding: 10px 0;} .price-web{display: flex;width: 60%;margin: 0 auto;flex-direction: column;} .calculator{flex-grow: 1;-webkit-flex-grow:1;} .calculator p{color: white;text-align: center;font-size: 20px;margin-top: 15px;} .price-middle{text-align: center;flex-grow: 2;-webkit-flex-grow:2;} .price-middle p{color: white;margin-top: 20px;} .tel-box{flex-grow: 1;-webkit-flex-grow:1;text-align: center;} .tel-box p{font-size: 22px;color: white;margin-top: 20px;margin-top: 20px;} .tel-box .num{font-size: 24px;margin-top: 10px;margin-top: 25px;} .price-input{margin-bottom: 5px;} .wqpclose{font-size: 24px;color: white;position: absolute;right: 8%;} .containerWeb img{height: auto;} .comdetailsTwo img{width: 100%;height: auto;} @media (min-width:768px) { .price-box{padding: 10px 0;} .price-web{display: flex;width: 80%;margin: 0 auto;flex-direction: unset;} .calculator{flex-grow: 1;-webkit-flex-grow:1;} .calculator p{color: white;text-align: center;font-size: 20px;margin-top: 15px;} .price-middle{text-align: center;flex-grow: 3;-webkit-flex-grow:3;} .price-middle p{color: white;margin-top: unset;} .tel-box{flex-grow: 1;-webkit-flex-grow:1;text-align: center;} .tel-box p{font-size: 24px;margin-top: unset;} .tel-box .num{font-size: 20px;margin-top: 10px;} .price-input{margin-bottom: 10px;} /* .containerWeb img{height: 400px;} */ } @media (min-width:992px) { .oneConRight{align-items: center;display: flex;height: 408px;margin: 0;} } @media (min-width:1200px) { .price-box{padding: 20px 0;} .price-web{display: flex;width: 60%;margin: 0 auto;} .calculator{flex-grow: 1;-webkit-flex-grow:1;} .calculator p{color: white;text-align: center;font-size: 20px;margin-top: 15px;} .price-middle{text-align: center;flex-grow: 2;-webkit-flex-grow:2;} .price-middle p{color: white;} .tel-box{flex-grow: 1;-webkit-flex-grow:1;text-align: center;} .tel-box p{font-size: 30px;margin-top: 20px;} .tel-box .num{font-size: 24px;margin-top: 25px;} .price-input{margin-bottom: 15px;} /* .containerWeb img{height: 400px;} */ .villa{max-width: 1200px;margin: 0 auto;} } .footerimg{ display: inline-block;margin: 0 auto; } .comdetailsTwo img{width: 100% !important;height: auto !important;} .footerimg img{display: inline-block;height:70px;margin: auto;} .bininco{margin-left: 20px;height:70px;margin: auto;} .bininco img{height: 70px !important;width: auto;padding: 15px;} .oneConRight h3{text-align: center;} .oneConRight h4{text-align: center;} .oneConRight p{text-align: center;} .footer{clear: both;} .villa1{background-color: white;} .villa .box1{width: 50%;float: left;padding-bottom: 20px;background-color: white;} .villa .box1 p{text-align: center;} .villa1 .villa .box1 p a img{width: 90%;height: auto;} @media (max-width:1000px) { .villa .box1{width: 100%;} } /* 2021.04.25 */ .mobile_section{ padding: 10px; font-size: 18px; border-radius: 70px; display: inline-block; width: 171px; background: #7BAE4D; line-height: 30px; text-align: center; color: white; } .banner1{display: block;} .banner2{display: none;} @media (max-width:768px) { .pageBanner{margin-top: 60px;} .banner1{display: none;} .banner2{display: block;} } .calculator p i{color: #8cc63e;} .tel-box .num a{color: #8cc63e;list-style: none;text-decoration: none;} .pricebtn a{background-color: #8CC63E;color: black;text-decoration: none;padding: 0 20px;} @media (max-width:1200px){ .commonDetailed img{width: 100% !important;height: auto !important;} } .tel1{margin-right:4%;} .tel img{width:48%} @media(min-width:768px){ .tel img{width:20%} .tel1{margin-right:0;} @media(min-width:1200px){ .tel img{width:10%} } } /* 2021.05.06 */ .bbc{position: fixed; bottom: 0; width: 100%; background: white; background-color: rgba(0,0,0,0.5) !important; z-index: 999;} @media (min-width:768px) { .bbc{display: none;} } .a1{width: 20%;} .a1 p{font-size: 20px;color: white;line-height: 30px;} .a1 p i{color: #8cc63e;} .a2{width: 60%;} .a2 table{margin: 0 auto;} .a2 td{color: white;padding-right: 10px;line-height: 30px;} .a2 td input{border-radius: 5px;} .a3{width: 20%;float: right;} .a3 p{font-size: 16px;text-align: left;color: white;line-height: 24px;} .a3 p a{font-size: 24px;color: #8cc63e;text-decoration: none;line-height: 30px;} #tijiao{background-color: #8CC63E;text-decoration: none;color: black;height: 100%;display: inline-block;line-height: 3em;padding: 0 5px;} .price-web{display: none;} .price-web1{display: flex;flex-direction: column;} .calculator p{text-align: center;} @media (min-width:800px) { .calculator p{text-align: unset;} .price-web{display: flex;} .price-web1{display: none;} } @media (min-width:1400px) { .price-web{width: 60%;} #tijiao{line-height: 3.5em;border-radius: 5px;} } @media(min-width:768px) and (max-width:1199px){ .tel-box p{margin-top: 20px;} .price-middle{margin-top: 20px;} } @media(min-width:1050px) and (max-width:1399px){ .price-web{width: 80%;} } @media(min-width:768px) and (max-width:1050px){ .price-web{width: 95%;} .wqpclose{right: 2%;} } @media (max-width:800px) { .indextable{height: 70%;z-index: 999;top: unset;} } .indexColumnOne{padding-bottom:unset ;} @media (min-width: 1180px){ .indexColumnOne { padding-bottom: 114px;} } @media (min-width: 991px){ .indexColumnOne { padding-bottom: 114px;} } @media (min-height: 400px){ .indextable{height: 70%;} } @media (min-height: 650px){ .indextable{height: 60%;} } @media (min-height: 750px){ .indextable{height: 54%;} } @media (min-width: 800px){ .indextable{height: unset;} } .caseDetailsRight dl.listTwo dd{z-index:999;} .bbc{padding-top: 8px;}