body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,ul{padding:0;margin:0}.clearfix{zoom:1}.clearfix:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden}li,ol,ul{list-style-type:none}h1,h2,h3,h4,h5,h6{font-weight:400}em,i{font-style:normal}img{border:0}button{border:none;outline:0;background:0 0}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:#fff}html{height:100%}body{font-family:tahoma,arial,'microsoft yahei',simsun,sans-serif;font-size:14px;overflow-y:auto;min-height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;min-width:1200px;color:gray}.header-bg{width:100%;background-color:rgba(0,0,0,.8);position:absolute;z-index:999}.header-title{position:absolute;left:10px;top:2px;color:#fff;display:none}.slide,.slide-content{position:relative}.center{max-width:1920px;min-width:1280px;width:100%;overflow:auto;overflow-x:hidden;margin:0 auto}.logo,.up{width:60px}.logo{height:42px;background:url(http://cdn.racolcreative.com/img/logo.png);float:left;margin:16px 10px 16px 80px;background-size:100% 100%}.logotitle{width:150px;height:50px;background:url(http://cdn.racolcreative.com/img/logotitle.png);float:left;margin:16px 14px 16px 30px}.silde-child,.us-list>a>span,.works-content{background-repeat:no-repeat}.customers .c,.silde-child{background-size:cover;background-position:center center}.nav{margin:0 auto;width:756px}.silde-child,.slide-text{width:100%;position:absolute}.nav li{float:left;padding:10px 36px;font-size:18px;color:#feffff}.nav li a{color:#feffff}.nav li .active,.nav li a:hover{color:#06b5fb}.slide{width:100%;height:100vh;overflow:hidden}.slide-text{bottom:80px;text-align:center;height:112px}.slide-text h1{font-size:40px;margin:20px 0}.readMore,.slide .qrcode{margin-left:auto;margin-right:auto}.silde-child{height:100vh}.slide .qrcode-zone{display:inline-block;position:absolute;top:465px;left:calc(50% - 110px)}.slide .qrcode{position:relative;display:none;width:220px;height:220px}.slide0{background-image:url(http://cdn.racolcreative.com/img/首海.jpg)}.slide1{background-image:url(http://cdn.racolcreative.com/img/slide1.jpg)}.slide2{background-image:url(http://cdn.racolcreative.com/img/slide2.jpg)}.slide3{background-image:url(http://cdn.racolcreative.com/img/slide3.jpg)}.readMore{display:block;width:222px;height:45px;color:#fff;font-size:16px;position:relative;top:418px;background-color:#2d2b2e;cursor:pointer}.afterbuy,.contact,.idea,.news,.service,.us,.works{padding:60px 0 40px}.us-video{width:1180px;margin:50px auto 0}.video .video-logo{padding:268px 0;text-align:center;display:none}.video .video-zone{position:relative;width:100vw;height:auto;max-width:1920px}.video-zone .video-mask,.video-zone .video-unmuted{display:none;width:100%;height:100%;top:0;position:absolute;text-align:center;left:0}.video-zone .video-mask{background-color:rgba(0,0,0,.2)}.video-zone .video-mask img,.video-zone .video-unmuted img{position:absolute;top:calc(50% - 42px);width:64px;height:64px;cursor:pointer}.video .video-logo img{width:280px;background-color:#000}.text-parent{text-align:center;color:gray}.text-parent p{margin:10px 0;font-size:16px}.text-parent h1{font-size:30px}.text-parent a{margin:10px 0;font-size:16px;color:gray}.service .text-parent{padding:28px 0}.service .service-title h2{width:320px}.service .service-title .blue_line{width:180px;left:calc(50% - 90px)}.customers{margin:3px auto;width:1120px;overflow:hidden}.customers .c{width:148px;height:88px;float:left;margin:18px 38px}.customers .c11{background-image:url(http://cdn.racolcreative.com/img/珍爱网黑白.jpg)}.customers .c11:hover{background-image:url(http://cdn.racolcreative.com/img/珍爱网.jpg)}.customers .c12{background-image:url(http://cdn.racolcreative.com/img/好色派黑白.jpg)}.customers .c12:hover{background-image:url(http://cdn.racolcreative.com/img/好色派.jpg)}.customers .c13{background-image:url(http://cdn.racolcreative.com/img/盈天下.jpg)}.customers .c14{background-image:url(http://cdn.racolcreative.com/img/中城黑白.jpg)}.customers .c14:hover{background-image:url(http://cdn.racolcreative.com/img/中城.jpg)}.customers .c15{background-image:url(http://cdn.racolcreative.com/img/全至黑白.jpg)}.customers .c15:hover{background-image:url(http://cdn.racolcreative.com/img/全至.jpg)}.customers .c16{background-image:url(http://cdn.racolcreative.com/img/海岸城黑白.jpg)}.customers .c16:hover{background-image:url(http://cdn.racolcreative.com/img/海岸城.jpg)}.customers .c17{background-image:url('http://cdn.racolcreative.com/img/ALL CITY黑白.jpg')}.customers .c17:hover{background-image:url('http://cdn.racolcreative.com/img/ALL CITY.jpg')}.customers .c18{background-image:url(http://cdn.racolcreative.com/img/海雅黑白.jpg)}.customers .c18:hover{background-image:url(http://cdn.racolcreative.com/img/海雅.jpg)}.customers .c19{background-image:url(http://cdn.racolcreative.com/img/上河坊黑白.jpg)}.customers .c19:hover{background-image:url(http://cdn.racolcreative.com/img/上河坊.jpg)}.customers .c20{background-image:url(http://cdn.racolcreative.com/img/TCL黑白.jpg)}.customers .c20:hover{background-image:url(http://cdn.racolcreative.com/img/TCL.jpg)}.customers .c21{background-image:url(http://cdn.racolcreative.com/img/希尔顿黑白.jpg)}.customers .c21:hover{background-image:url(http://cdn.racolcreative.com/img/希尔顿.jpg)}.customers .c22{background-image:url(http://cdn.racolcreative.com/img/三和电力黑白.jpg)}.customers .c22:hover{background-image:url(http://cdn.racolcreative.com/img/三和电力.jpg)}.customers .c23{background-image:url(http://cdn.racolcreative.com/img/星巴克黑白.jpg)}.customers .c23:hover{background-image:url(http://cdn.racolcreative.com/img/星巴克.jpg)}.customers .c24{background-image:url(http://cdn.racolcreative.com/img/艺象.jpg)}.customers .c25{background-image:url(http://cdn.racolcreative.com/img/超级猩猩黑白.jpg)}.customers .c25:hover{background-image:url(http://cdn.racolcreative.com/img/超级猩猩.jpg)}.customers .c26{background-image:url(http://cdn.racolcreative.com/img/中国电信黑白.jpg)}.customers .c26:hover{background-image:url(http://cdn.racolcreative.com/img/中国电信.jpg)}.customers .c27{background-image:url(http://cdn.racolcreative.com/img/丝域黑白.jpg)}.customers .c27:hover{background-image:url(http://cdn.racolcreative.com/img/丝域.jpg)}.customers .c28{background-image:url(http://cdn.racolcreative.com/img/联想黑白.jpg)}.customers .c28:hover{background-image:url(http://cdn.racolcreative.com/img/联想.jpg)}.customers .c29{background-image:url(http://cdn.racolcreative.com/img/仙芋小栈.jpg)}.customers .c30{background-image:url(http://cdn.racolcreative.com/img/广电集团黑白.jpg)}.customers .c30:hover{background-image:url(http://cdn.racolcreative.com/img/广电集团.jpg)}.contact-list{width:990px;margin:50px auto 0}.contact-list>div{display:inline-block;width:330px;height:172px;position:relative;float:left;color:grey;text-align:center}.contact-list>div p{margin:10px 0}.contact-list>div a{color:#73cee1}.contact-list>div .btn-blue{display:inline-block;padding:10px 20px;background-color:#73cee1;color:#fff;font-size:14px;font-family:tahoma,arial,'microsoft yahei',simsun,sans-serif;font-weight:700;cursor:pointer}.us-list{font-size:0}.us-list a{display:inline-block;width:25%;position:relative;color:grey}.us-list a .mask{display:none;background-color:rgba(0,0,0,.7);position:absolute;top:5px;left:2%;width:96%;height:0;padding-bottom:calc(32% + 36px);padding-top:calc(32% - 36px)}.us-list a .mask p{color:#fff;font-size:14px}.us-list a .mask p.c{font-size:20px}.us-list a:hover .mask{display:block}.us-list a p{margin:5px 0}.us-list>a>span{width:96%;height:0;padding-bottom:64%;background-size:100% 100%;margin:5px 2%;float:left;display:block}.us-job1{background-image:url(http://cdn.racolcreative.com/img/area-wall-drawing-design.jpg)}.us-job2{background-image:url(http://cdn.racolcreative.com/img/area-graphic-design.jpg)}.us-job3{background-image:url(http://cdn.racolcreative.com/img/area-interior-design.jpg)}.us-job4{background-image:url(http://cdn.racolcreative.com/img/area-reconstruction-of-building.jpg)}.us-list>div p{margin-top:220px}.title{position:relative;text-align:center}.title .blue_line{display:inline-block;width:90px;height:1px;position:absolute;bottom:0;left:calc(50% - 45px);border-bottom:2px solid #73cee1}.title h2{display:inline-block;width:216px;text-align:center;padding-bottom:5px;border-bottom:2px solid #d4d4d4}.works .works-title{margin-bottom:68px}.works ul{width:1200px;margin:30px auto}.news .news-nav{width:990px;margin:30px auto}.news-nav li,.works-nav li{height:20px;width:144px;overflow:hidden}.news-nav li span,.works-nav li span{display:block;margin-top:-7px;padding:9px 0;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}.news-nav li:hover .cn,.works-nav li:hover .cn{margin-top:-35px}.works-content{width:568px;margin:16px;float:left;height:320px;background-position:center center;overflow:hidden;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.1);background-image:url(http://cdn.racolcreative.com/img/loading.gif);-webkit-transition:transform .2s linear,-webkit-box-shadow .2s linear;-moz-transition:transform .2s linear,-moz-box-shadow .2s linear;transition:transform .2s linear,box-shadow .2s linear}.works-content.opacity0{display:inline-block;opacity:0;top:50px}.unslider-nav,.works-content.hidden{display:none}.works-content img{width:100%;height:100%}.works-content:hover{transform:translateY(-4px);-webkit-transform:translateY(-4px);box-shadow:0 17px 25px rgba(0,0,0,.13);-webkit-box-shadow:0 17px 25px rgba(0,0,0,.13);-moz-box-shadow:0 17px 25px rgba(0,0,0,.13);-o-box-shadow:0 17px 25px rgba(0,0,0,.13);-webkit-transition:transform .2s linear,-webkit-box-shadow .2s linear;-moz-transition:transform .2s linear,-moz-box-shadow .2s linear;transition:transform .2s linear,box-shadow .2s linear}.works-content:hover .works-text{top:0}.works-add-more{width:1168px;height:64px;line-height:64px;font-size:18px;margin:0 auto;background-color:#363636;color:#fff;text-align:center;cursor:pointer}.works-text,.works-text p{position:absolute;width:100%}.news-nav li.active,.news-nav li:hover,.works-nav li.active,.works-nav li:hover{text-decoration:underline;color:#708090}.works-text{height:100%;display:block;top:100%;transition:top .2s;-webkit-transition:top .2s;-moz-transition:top .2s;-o-transition:top .2s}.works-text p{bottom:0;height:32px;line-height:32px;font-size:16px;padding:8px 0 8px 16px;background-color:rgba(0,0,0,.8);overflow:hidden}.unslider-arrow.next,.unslider-arrow.prev{top:325px;z-index:111111;width:71px;height:71px}.footer{padding:8px 0}.unslider-arrow.prev{left:0;background:rgba(172,172,172,.5);background-image:url(http://cdn.racolcreative.com/img/slide-left.png)}.unslider-arrow.next{right:0;background:rgba(172,172,172,.5);background-image:url(http://cdn.racolcreative.com/img/slide-right.png)}.news-header,.news-ul{width:990px;margin:0 auto}.news-nav li,.works-nav li{float:left;padding:0 5px;text-align:center}.news-header,.news-ul .news-content .news-content-link{text-align:left}.news-nav li:hover,.works-nav li:hover{cursor:pointer}.news-header{padding-bottom:4px;border-bottom:2px solid #ccc}.news-header h4{font-size:24px;font-weight:700;color:#000}.news-header span{font-size:20px}.news-header .more{position:relative;float:right;font-size:12px;bottom:-10px;color:gray;vertical-align:bottom}.news-ul .news-content{display:inline-block;width:450px;height:105px;border-bottom:1px solid #ccc}.news-ul .news-content:nth-child(odd){float:left;margin-right:45px}.news-ul .news-content:nth-child(even){margin-left:45px}.news-ul .news-content .news-content-link h3{color:#666;margin-top:18px;font-size:18px}.news-ul .news-content .news-content-link p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#666;font-size:14px;height:36px;margin:14px 0 0 20px}.up{position:fixed;height:60px;background:#000;bottom:40px;right:20px;color:#fff;font-size:54px;text-align:center;line-height:71px;z-index:10000;opacity:.4;display:block}.up:hover{opacity:1;cursor:pointer}.detail-content{width:1280px;margin:0 auto;text-align:left}.detail-content h1{font-size:30px;font-weight:700;text-align:center;margin:80px 0 0;padding:12px 0;border-bottom:2px solid gray}.detail-content .operate-zone .operate-btn,.notfound-btn .btn{line-height:32px;padding:0 16px;background-color:#363636;cursor:pointer}.detail-content .content img{display:block;margin:0 auto;max-width:1280px}.detail-content .detail-footer{margin-top:36px}.detail-content .detail-footer .btn{cursor:pointer}.detail-content .work-content{position:relative;margin-top:16px;height:calc(100vh - 160px)}.detail-content .work-content .operate-zone{position:absolute;top:0;right:0}.detail-content .operate-zone .operate-btn{width:100px;height:32px;color:#fff}.detail-content .operate-zone .operate-btn:hover{background-color:#706d6d}.detail-content .operate-zone .operate-btn-prev{margin-bottom:16px}.detail-content .img-wrapper{display:flex;justify-content:center;align-items:center;width:calc(100% - 150px);height:calc(100% - 126px);margin-bottom:20px}.detail-content .img-wrapper .current-img{max-width:100%;max-height:100%}.detail-content .album-container{position:relative;height:96px;padding:0 36px;overflow:hidden}.detail-content .album-imgs{position:relative;height:96px}.detail-content .album-imgs.text-center{text-align:center}.detail-content .album-imgs.overflow .album-img-list{width:9999px}.detail-content .album-imgs .album-img-list{position:relative;display:inline-block;list-style:none;left:0}.detail-content .album-imgs .img-item{position:relative;float:left;width:94px;height:94px;line-height:94px;margin-right:10px;border:1px solid #dfdfdf;text-align:center;cursor:pointer;transition:transform .4s}.detail-content .album-imgs .img-item.active{transform:scale(1.1,1.1);border:none;transition:transform .4s}.detail-content .album-imgs .img-item:last-child{margin-right:0}.detail-content .album-imgs .img-item img{max-width:100%;max-height:100%;text-align:center;vertical-align:middle}.album-container .slider-btn{position:absolute;width:25px;height:96px;line-height:96px;font-size:32px;background-color:#dfdfdf;color:#fff;top:0;text-align:center;cursor:pointer}.album-container .slider-btn.slider-btn-disabled{cursor:not-allowed}.album-container .slider-btn-prev{left:0}.album-container .slider-btn-next{right:0}.en{font-family:arial}.price-top{height:540px;margin-top:44px;background-color:#4d4d4d;color:#fff}.price-top .col-12{display:flex;float:left;height:100%}.price-top .left{display:flex;justify-content:center;flex-direction:column}.price-top img{width:100%}.price-top .text-block{position:relative;width:80%;margin:0 auto}.price-top .text-block .title{text-align:left}.footer-bg .about-us,.link,.notfound,.notfound-btn .btn,.price-table .table-footer,.price-table .table-header,.price-table table tbody td{text-align:center}.price-top .text-block .num{font-size:68px}.price-top .text-block .bar{font-size:48px}.price-top .text-block .text{font-size:40px}.price-top .text-block .list{margin-left:88px}.price-top .text-block .list-item{display:inline-block;margin:4px 0}.price-table{width:1080px;margin:30px auto}.price-table .table-header{width:100%;font-size:38px;border:1px solid gray;border-bottom:0;color:#000;padding:12px 0;box-sizing:border-box}.price-table table{width:100%}.price-table table .thead{background-color:#4d4d4d;color:#fff}.price-table table .thead th{border-right:1px solid gray}.price-table table tbody tr:nth-child(even){background-color:#4d4d4d;color:#fff}.price-table .table-footer{color:red;padding:12px 0;border:1px solid gray;border-top:0}.footer-nav{width:570px;margin:0 auto}.footer-nav li{float:left;width:10px;padding:6px 42px;border-right:1px solid grey;margin-top:9px}.footer-nav li:last-child{border-right:none}.footer-bg{position:relative;background:#161616}.footer-bg .contact-us .wechat-logo:hover,.footer-bg .contact-us .weibo-logo:hover{background-position-x:120px}.footer-bg .about-us p{color:#fff}.footer-bg .about-us .greet{font-size:40px;margin:12px 0 24px}.footer-bg .contact-us .about-us-logo{position:absolute;right:98px;top:-12px}.footer-bg .about-us .link-us{font-size:18px;height:40px;display:inline-block;line-height:40px;width:234px;border:1px solid #fff;margin:24px 0 0}.footer-bg .about-us .link-us:hover{border:1px solid #73cfe3;background-color:#73cfe3}.footer-bg .footer-logo{position:absolute;display:inline-block;width:168px;height:40px;left:60px;bottom:20px;background-image:url(http://cdn.racolcreative.com/img/foot-logo.png);background-size:100% 200%}.footer-bg .footer-logo:hover{background-position-y:40px}.footer-bg .contact-us{position:absolute;bottom:20px;right:60px}.footer-bg .contact-us .weibo-logo{display:inline-block;width:40px;height:40px;margin-right:12px;background-image:url(http://cdn.racolcreative.com/img/weibo-icon.png);background-size:200%}.footer-bg .contact-us .wechat-logo{display:inline-block;width:40px;height:40px;background-image:url(http://cdn.racolcreative.com/img/wechat-icon.png);background-size:200%;cursor:pointer}.footer-bg .qrcode{position:absolute;display:none;width:180px;height:180px;bottom:50px;right:-30px}.qqtalk{background-image:url(http://cdn.racolcreative.com/img/qq.png);background-size:100% 100%;width:100px;height:100px}.qqtalk:hover{background-image:url(http://cdn.racolcreative.com/img/qqhover.png)}.link{background-color:#5e6266}.link .link-wrapper{width:1070px;margin:0 auto;padding:10px}.link .link-text{display:inline-block;width:90px;color:#fff;margin-top:2px;margin-right:20px;vertical-align:top}.link .link-lists{display:inline-block;max-width:960px}.link .link-lists .link-list{display:inline-block;color:#ddd;padding:0 5px;margin:2px 0;width:120px;float:left}.notfound-wrap{position:relative;height:100vh}.notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:520px;width:100%;line-height:1.4}.notfound .notfound-404{position:relative;height:240px}.notfound .notfound-404 h3{font-family:Cabin,sans-serif;position:relative;font-size:16px;font-weight:700;text-transform:uppercase;color:#262626;margin:0;letter-spacing:3px;padding-left:6px}.notfound .notfound-404 h1{font-family:Montserrat,sans-serif;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:252px;font-weight:900;margin:0 0 0 -20px;color:#262626;text-transform:uppercase;letter-spacing:-40px}.notfound .notfound-404 h1>span{text-shadow:-8px 0 0 #fff}.notfound h2{font-family:Cabin,sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:#000;margin-top:0;margin-bottom:25px}.notfound-btn{position:absolute;left:calc(50% - 80px);top:calc(50% + 160px)}.notfound-btn .btn{display:inline-block;width:128px;height:32px;color:#fff}.notfound-btn .btn:hover{background-color:#706d6d}