/* 设计师弹出窗口 */ .layui-layer { box-shadow: 0px 2px 5px #aaa !important; background:none; } .layui-layer { } .layuitip { width:380px; height:490px; background:#fff url(../picture3/layuibg.png) center top no-repeat; background-size:100% auto; } .layui-layer-setwin .layui-layer-close2 { right:-12px; top:-12px; background:url(../picture3/layuiclose.png) center center no-repeat; background-position:0px 0px; } .layui-layer-setwin .layui-layer-close2:hover{background-position:0px 0px;} .top-title { line-height:160px; height:160px; text-align:center; color:#333; font-size:18px; } #designer_id { margin-top:25px; } .layuitip .input_item { margin-bottom:13px; text-align:center; display:block; margin-left:0px; } .layuitip .input_item input { width:310px; text-indent:1em; font-size:18px; height:38px; border:1px solid #e5e5e5; background:#f1f0f0; color:#333; } .layuitip .input_item input.iMsgBtn { background:#da2128; border-radius:19px; color:#fff; margin-bottom:10px; border:1px solid #da2128; text-indent:0px; } .layuitip input::-webkit-input-placeholder{ color:#999; } .layuitip input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } .layuitip input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; } .layuitip input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; } .layuitip .input_item p{ color:#ccc; } /* 设计师弹出窗口结束 */ .section_title { text-align:center; } .section_title h2{ font-size:48px; line-height:63px; font-weight:400; } .section_title p { font-size:24px; line-height:32px; margin-top: 10px; } .rsindexbg { background:#f1f0f0; } .iNews { background:#f1f0f0; padding-top:73px; padding-bottom:117px; } .iNews_item { background:#fff; } .iNews_item { width:412px; display:inline-block; margin-right:46px; vertical-align:top; } .iNews_title { padding:13px 0px; border-bottom:2px solid #f1f0f0; margin-bottom:25px; } .iNews_title a{ font-size:26px; color:#000; } .iNews_title a span{ float:right; font-size:16px; color:#707070; } .iNews_li { padding-bottom:26px; } .iNews_list { padding:0px 15px; height:344px; } .iNews_li { color:#707070; } .news_title { width:300px; display:inline-block; color:#707070; overflow:hidden; float:left; } .news_title a{ color:#707070; width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .news_times { width:80px; display:inline-block; color:#707070; } /* 装修流程 */ .rsLiucheng { padding-top:50px; padding-bottom:70px; } #lc_title { text-align:center; } #lc_title h2 { color:#000; font-size:48px; line-height:63px; font-weight:400; } #lc_title p{ font-size:24px; color:#666; line-height:32px; } #lc_items { background:url(../picture/liuc_bg.png) left center repeat-x; margin-top:70px; } #lc_items .liu_item { display:inline-block; margin-right:152px; background:#fff; padding:20px 30px; text-align:center; border-radius:8px; } #lc_items .liu_item img { max-width:82px; } #lc_items .liu_item p{ margin-top:25px; } /* VR样式 */ .vrcases { padding-top:80px; padding-bottom:110px; background:#333; } #vr_title { text-align:center; } #vr_title h2{ color:#fff; } #vr_title p { color:#a0a0a0; font-size:32px; font-weight:400; margin-top:12px; } #vr_items { margin-top:70px; } .vr_left { width:400px; height:800px; display:inline-block; vertical-align:top; } .vr_left .vr_one_item { width:100%; height:100%; } .vr_left .vr_one_item a{ width:100%; height:100%; } .vr_left .vr_one_item a img{ width:100%; height:100%; } .vr_center { width:448px; display:inline-block; vertical-align:top; margin-left:16px; margin-right:16px; } .vr_center_top,.vr_center_bottom{ width:100%; height:390px; } .vr_center_top .vr_one_item,.vr_center_bottom .vr_one_item { width:100%; height:100%; } .vr_center_top a,.vr_center_bottom a { width:100%; height:100%; } .vr_center_top a img,.vr_center_bottom a img { width:100%; height:100%; } .vr_center_bottom { margin-top:20px; } .vr_right { width:448px; display:inline-block; vertical-align:top; height:800px; position:relative; } .vr_right_top { width:100%; height:600px; } .vr_right_top .vr_one_item { height:100%; width:100%; } .vr_right_top a{ width:100%; height:100%; } .vr_right_top a img{ width:100%; height:100%; } .vr_right_img { height:600px; } .vr_one_item a{ width:100%; height:100%; display:block; position:relative; } .vr_titles { position:absolute; height:100px; width:100%; display:none; background:rgba(0,0,0,0.5); left:0px; bottom:0px; font-size:36px; color:#fff; text-align:center; vertical-align:middle; line-height:100px; } .vr_one_item a:hover .vr_titles{ display:block; } .vr_right_bottom,.right_more_link { text-align: center; position: absolute; bottom: 0px; margin: 0 auto; width: 100%; } .vr_right_bottom a,.right_more_link a{ padding:20px 60px; border:2px solid #fff; color:#fff; font-size:36px; line-height:48px; display:inline-block; } .vr_right_bottom a:hover,.right_more_link a:hover { color:#333; background:#fff; } /* 设计师 */ .rsdesigner { padding-top:80px; padding-bottom:100px; } #dg_title h2{ color:#000; } #dg_title p{ color:#666; } .designer-tslider { margin-top:70px; position:relative; } .designer-tslider .hd { height:50px; width:100%; overflow:visible; position:absolute; top:calc(50% - 25px); } .designer-tslider .hd .prev { width:50px; height:50px; display:block; background:url(../picture/sliderarrow-left.png) center center no-repeat; left:0px; } .designer-tslider .hd .next { width:50px; height:50px; background:url(../picture/sliderarrow-right.png) center center no-repeat; right:0px; display:block; position:absolute; } .designer-tslider .bd { margin:0px 68px; } .designer-tslider .bd ul li { width:280px; margin:0px 10px; display:inline-block; } .designer-tslider .bd ul li .pic img { width:100%; max-width:100%; } .designer-tslider .bd ul li .title { max-width:100%; background:#333; padding:10px 20px; color:#fff; font-size:14px; } .designer-tslider .bd ul li .title a{ background:#fff; color:#333; border-radius:2px; } .designer-tslider .bd ul li .title p.name{ font-size:20px; font-weight:700; line-height:26px; } .designer-tslider .bd ul li .title p.name span{ margin-left:5px; font-weight:400; font-size:14px; } .age { margin-top:1px; margin-bottom:1px; } .yuyue { width:100%; display:block; margin-top:20px; padding-bottom:7px; } .yuyue a { width:100px; text-align:center; padding:1px 0px; display:inline-block; } .yuyue a.db_detail { float:right; } /* 小图轮播 */ .designer-sslier { position:relative; margin-top:35px; } .designer-sslier .bd { margin:0px 68px; } .designer-sslier .bd ul li { width:111px; margin:0px 11px; display:inline-block; } .designer-sslier .hd { height:22px; width:100%; overflow:visible; position:absolute; top:30px; } .designer-sslier .hd .prev { width:13px; height:22px; display:block; background:url(../picture/sliderarrow-l.png) center center no-repeat; left:35px; position:absolute; } .designer-sslier .hd .next { width:13px; height:22px; background:url(../picture/sliderarrow-r.png) center center no-repeat; right:35px; display:block; position:absolute; top:0px; } /* 装修实例 */ .zxcase { background:#004126; padding-top:90px; padding-bottom:100px; } #zx_title { margin-bottom:70px; } #zx_title h2{ color:#fff; } #zx_title p{ color:#fff; opacity: 0.5; filter:opacity(50); font-weight:400; } .zx_sliders .hd { margin-bottom:40px; } .zx_sliders .hd ul li { font-size:36px; line-height:48px; color:#fff; list-style: none; display:inline-block; margin-right:40px; cursor:pointer; } .zx_sliders .hd ul li:last-child{ margin-right:0px; } .zx_sliders .hd ul li.on{ color:#DD7053; } .zx_sliders .bd ul li{ color:#fff; } .zx_sliders .bd ul li div{ color:#fff; } /* 装修案例css */ .top_top_box { height:438px; } .center_box_items,.bottom_box_items { height:288px; } .top_top_left { display:inline-block; margin-right:20px; } .top_top_right { float:right; display:block } .top_one_item{ width:658px; height:438px; overflow:hidden; } .top_one_item a{ width:100%; height:100%; display:block; } .top_one_item a img{ width:658px; height:438px; transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .top_one_item a:hover img { transform: scale(1.2); } .center_box_items { margin-bottom:20px; } .center_box_items .center_one_item a { width:432px; height:288px; display:block; } .center_box_items .center_one_item a img{ width:432px; height:288px; transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .center_box_items .center_one_item a:hover img { transform: scale(1.2); } .center_box_items .center_one_item { width:432px; height:288px; display:inline-block; overflow:hidden; } .center_box_items .center_item_left { display:block; float:left; } .center_box_items .center_item_right { display:block; float:right; } .center_box_items .center_item_center { margin-left:20px; margin-right:20px; } .bottom_box_items .bottom_one_item { width:432px; height:288px; display:block; overflow:hidden; } .bottom_box_items .bottom_one_item a img{ transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; width:432px; height:288px; } .bottom_box_items .bottom_one_item a:hover img { transform: scale(1.2); } .bottom_box_items .bottom_item_left { float:left; } .bottom_box_items .bottom_item_center { margin-left:20px; margin-right:20px; display:inline-block; } .bottom_item_right { float:right; } .bottom_more_link { text-align:center; } .bottom_one_item .morelink{ border:2px solid #fff; color:#fff; padding:0.875em 2em; display:inline-block; margin-top:2.65em; font-size:32px; } .bottom_one_item .morelink:hover { background:#fff; color:#004126; } /* 上面为重写后的样式 */ .top_top_box { margin-bottom:20px; } .left_zx_case { width:492px; vertical-align:top; display:inline-block; margin-right:20px; } .left_zx_case .left_top_box { width:492px; height:492px; display:block; } .left_zx_case .left_top_box a{ width:100%; height:100%; display:block; } .left_zx_case .left_top_box a img { width:100%; height:100%; } .left_zx_case .left_bottom_box { margin-top:20px; width:100%; height:329px; } .left_zx_case .left_bottom_box a{ width:100%; height:100%; display:block; } .left_zx_case .left_bottom_box a img { width:100%; height:100%; } .center_zx_case{ width:400px; vertical-align:top; display:inline-block; margin-right:20px; } .center_zx_case .center_top_box { width:400px; height:410px; display:block; } .center_zx_case .center_top_box a{ width:100%; height:100%; display:block; } .center_zx_case .center_top_box a img{ width:100%; height:100%; } .center_zx_case .center_bottom_box { margin-top:20px; width:100%; height:410px; } .center_zx_case .center_bottom_box a{ width:100%; height:100%; display:block; } .center_zx_case .center_bottom_box a img{ width:100%; height:100%; } .right_zx_case { width:400px; height:842px; display:block; position:relative; float:right; } .right_zx_case .right_top_box { width:400px; height:430px; display:block; } .right_zx_case .right_top_box a{ width:100%; height:100%; display:block; } .right_zx_case .right_top_box a img{ width:100%; height:100%; } .right_zx_case .right_center_box { margin-top:20px; width:400px; height:210px; } .right_zx_case .right_center_box a { width:100%; height:100%; } .right_zx_case .right_center_box a img{ width:100%; height:100%; } /* 六大理由 */ .sixres { padding-top:75px; padding-bottom:70px; } #six_title h2{ color:#000; } .reasons_box { width:100%; height:400px; display:block; margin-top:70px !important; margin-bottom:30px !important; } .left_res_box { width:300px; height:100%; display:block; float:left; background:#e8bb5a; color:#004126; padding-left:20px; padding-right:20px; text-align:center; } p.number { font-size:46px; line-height:1.1; margin-top:90px; margin-bottom:30px; /* font-family:'Microsoft YaHei UI'; */ } p.bigrs { font-size:72px; line-height:1; font-weight:700; } .left_top_resbox { border-bottom:1px solid #c4c4c4; box-sizing:border-box; } .left_bottom_resbox{ border-top:1px solid #c4c4c4; box-sizing:border-box; width: 100%; display: block; height: 200px; } .right_res_box { width:997px; height:400px; display:block; float:right; } .left_top_resbox { width:100%; display:block; height:200px; } .res_one_item { width:332px; height:200px; display:block; background:#fff; text-align:center; border-right:2px solid #c4c4c4; float:left; box-sizing:border-box; } .res_one_item a { width:100%; height:100%; display:block; padding:30px 0px 10px 0px; box-sizing:border-box; } .res_one_item a p { margin-top:58px; font-size:28px; font-weight:400; } .res_one_item a:hover p{ color:#004126; } .res_one_item a span { font-size:18px; color:#666; margin-top:15px; display:block; width:100%; box-sizing:border-box; padding-left:50px; padding-right:50px; } .left_top_resbox .res_one_item:last-child,.left_bottom_resbox .res_one_item:last-child{ border-right:none; } .noborder { border-bottom:none !important; } .res_one_item #brand { background:url(../picture/brand.png) center 32px no-repeat; } .res_one_item #brand:hover { background:url(../picture/brand_h.png) center 32px no-repeat; } .res_one_item #design { background:url(../picture/design.png) center 32px no-repeat; } .res_one_item #design:hover { background:url(../picture/design_h.png) center 32px no-repeat; } .res_one_item #reset { background:url(../picture/reset.png) center 32px no-repeat; } .res_one_item #reset:hover { background:url(../picture/reset_h.png) center 32px no-repeat; } .res_one_item #stand { background:url(../picture/stand.png) center 32px no-repeat; } .res_one_item #stand:hover { background:url(../picture/stand_h.png) center 32px no-repeat; } .res_one_item #union { background:url(../picture/union.png) center 32px no-repeat; } .res_one_item #union:hover { background:url(../picture/union_h.png) center 32px no-repeat; } .res_one_item #kefu { background:url(../picture/kefu.png) center 32px no-repeat; } .res_one_item #kefu:hover { background:url(../picture/kefu_h.png) center 32px no-repeat; } /* 品牌视频 */ .video_box { margin-top:26px; width:100%; height:400px; display:block; background:#fff; } .left_video { width:996px; height:400px; display:block; float:left; } .right_video { width:341px; display:inline-block; height:100%; padding:40px 25px 30px 25px; box-sizing:border-box; } .video_box .section_title h2 { color:#000; } .video_box .section_title p { font-size:18px; color:#666; text-align:left; } .video_box .more_video { color:#fff; background:#333333; padding:12px 45px; font-size:18px; line-height:32px; margin-top:40px; display:inline-block; } .video_box .more_video:hover { background:#004126 } /* 表单 */ .formorder { padding-top:45px; padding-bottom:25px; background:#333; } #order_title { margin-bottom:15px; } #order_title p{ color:#fff; margin-top:0px; } .form_items { background:#fff; padding:10px 30px; width:100%; display:block; box-sizing:border-box; } #select{float:left;color:#999;width: 180px; line-height: 38px; height:38px; font-size: 14px; position: relative;background:#f1f0f0;border:1px solid #f1f0f0;} .form_items div.errorClass{ border:1px solid #004126 !important; } #select i{ width: 0; height: 0; border-top: 9px solid #707070; border-left: 9px solid transparent; border-right: 9px solid transparent; position: absolute; top: 15px; left: 10px;border-radius:4px; } #select span{display: block; height: 40px; cursor: pointer;padding-left:32px;} #select ul,#select li{padding: 0; margin:0 } #select li{line-height: 30px; color: #666; list-style-type: none; border-bottom: 1px dashed #eee; cursor: pointer;transition: all 1s ease 0s;} #select li:hover{ border-bottom: 1px solid #51A6FF; background-color: #DAF0FF; padding-left: 20px; font-weight: bold; } #select li:last-child{border-bottom: 0} #select ul{display: none;background:#fff;padding-left:5px;padding-right:5px;max-height:400px;overflow-y:scroll;} .flipx { transform: rotateY(180deg); } .input_item { display:inline-block; height:40px; margin-left:50px; } .input_item input { width:180px; height:38px; line-height:38px; background:#f1f0f0; color:#999; font-size:14px; border:none; text-indent:3px; border:1px solid #f1f0f0; } .input_item input.errorClass,.input_item input.errorClass2,.input_item input.errorClass6{ border:1px solid #004126 !important; } #ordering input{ width:140px; background:#004126; color:#004126; border-radius:6px; cursor:pointer; } /* * 调整的css */ .vr_one_item a { overflow:hidden; } .vr_one_item a img { width:100%; max-width:unset; } /* 新增css */ .iNews_images a{ width:100%; height:100%; display:block; overflow:hidden; } .iNews_images a img{ transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .iNews_images a:hover img{ transform: scale(1.2, 1.2); } .vr_one_item a{ overflow:hidden; } .vr_one_item a img { transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .vr_one_item a:hover img{ transform:scale(1.2); } /* 左上 */ .left_zx_case .left_top_box a { overflow:hidden; } .left_top_box a img{ transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .left_top_box a:hover img{ transform:scale(1.2); } /* 左下 */ .left_zx_case .left_bottom_box a{ overflow:hidden; } .left_bottom_box a img{ transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .left_bottom_box a:hover img{ transform:scale(1.2); } /* 中上 */ .center_zx_case .center_top_box a{ overflow:hidden; } .center_top_box a img{ transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .center_top_box a:hover img{ transform:scale(1.2); } /* 中下 */ .center_zx_case .center_bottom_box a{ overflow:hidden; } .center_bottom_box a img{ transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .center_bottom_box a:hover img{ transform:scale(1.2); } /* 右上 */ .right_zx_case .right_top_box a{ overflow:hidden; } .right_top_box a img{ transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .right_top_box a:hover img{ transform:scale(1.2); } /* 右下 */ .right_zx_case .right_center_box a{ width:100%; height:100%; display:block; overflow:hidden; } .right_center_box a img{ transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .right_center_box a:hover img{ transform:scale(1.2); } /* 底部新增简介板块 */ .company_about { width:100%; height:204px; padding-top:88px; padding-bottom:88px; display:block; background:url(../picture/footer_bg.jpg) center center no-repeat; } .cp_text { display:block; font-size:0; height:100%; color:#fff; } .cp_text a{ color:#fff; } .cp_text div { color:#fff; text-align:center; } .cp_one_item { width:183px; height:100%; border:3px solid #fff; box-sizing: border-box; margin-right:105px; display:inline-block; text-align:center; vertical-align:top; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .cp_one_item:hover{ /* border-image:linear-gradient(to right bottom,#0644e0,#23b7cb) 1 10; */ } .cp_one_item a{ width:100%; height:100%; display:block; text-align:center; box-sizing: border-box; padding-top:45px; } .cp_one_item:last-child { margin-right:0px; } .cp_one_item:hover { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px) } .cp_text div.num{ font-size:40px; } .cp_text div.num span{ font-weight:700; } .cp_text div.num .countup { line-height:1; font-size: inherit; display: inline-block; } .cp_text div.p { margin-top:50px; font-size:18px; } .iBanner .bd{ height:555px; background:#333; } /* 兼容safari的代码 */ .company_about .cp_text{ display:table; } .top_top_box,.center_box_items,.bottom_box_items { display:table; } .footerWord:last-child dt{ display:table; } .footerWord .words { width:126px; margin-left:10px; } .headLogo,.hot-line { display:table; } .hot-line .right-txt { padding-left:6px; } .search_form .keywords { vertical-align:middle; height:40px !important; line-height:1px !important; } .search_form input::-webkit-input-placeholder{ line-height:40px; vertical-align:middle; } .search_form input::-moz-placeholder{ /* Mozilla Firefox 19+ */ line-height:40px; vertical-align:middle; } .search_form input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ line-height:40px; vertical-align:middle; } .search_form input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ line-height:40px; vertical-align:middle; } .form_items .input_item input { height:38px !important; line-height:1px !important; } .cp_one_item { height:205px !important; } .iBanner .bd img{ width:100%; height:555px; } .company_about { background-size:cover; } .rsPinzhi a img{ width:100%; height:290px; }