body, html { background-color: #fff; /**/ width: 100%; min-width: 1280px; position: relative; /**/ overflow-x: hidden; font-family: "SourceHanSansSC-Regular"; line-height: 180%; font-size: 14px; } body { min-width: 1280px; /* max-width: 1920px;*/ margin: 0 auto; } .wrap-layer { max-width:1280px; width: 100%; min-width: 1280px; margin: 0 auto; position: relative; } .h1, .h2, .h3, h1, h2, h3{ margin-bottom: 0;} .md-bt{ top: 50%; left: 0; right: 0; height: 1px; position: absolute; z-index: 565;} .md-bt .btn-l,.md-bt .btn-r{ width: 60px; height: 60px;background:url(../image/left_bt.png) center center no-repeat; float: left; cursor: pointer;} .md-bt .btn-r{background:url(../image/right_bt.png) center center no-repeat; float:right;} img{ max-width:100%; height:auto;} /*头部*/ .header-wrap{ } .mod-headers{ position: relative; height: 75px; z-index: 8; right: 0; z-index: 8888; /*transition: all 500ms;-webkit-transition: all 500ms; box-shadow: -5px 0 5px rgba(0,0,0,0.02), 5px 0 5px rgba(0,0,0,0.02), 0 -5px 5px rgba(255,255,255,0.02), 0 5px 5px rgba(0,0,0,0.02);*/ border-bottom: 1px solid #eee; padding-bottom:10px;} .addrs a{ cursor: pointer;} .md-tpsearchs li a{cursor: pointer;} .tab-style a span{ cursor: pointer;} .addrs{float:left; cursor: pointer;width: 140px; margin-top: 42px; background:url(../image/addrico.png) 0 center no-repeat; padding-left:25px; position: relative;} .addrslist{ display: none;width:60px; text-align: center;position: absolute; padding:10px; background: #f6f6f6; /* background: #f8f8f8;*/ top: 28px; border: 1px solid #eee;box-shadow: -5px 0 5px rgba(0,0,0,0.06), 5px 0 5px rgba(0,0,0,0.06), 0 -5px 5px rgba(255,255,255,0.06), 0 5px 5px rgba(0,0,0,0.06);} .addrslist:after{ border:10px solid transparent; content: ""; display: block; border-bottom: 10px solid #f6f6f6; position: absolute; left: 50%; top: -20px; margin-left: -10px; width: 0; height: 0;} .addrslist li a{ font-size: 14px;} .addrslist li a:hover{ color:#ed6d00;} .addrs:hover .addrslist{ display: block;} .addrslist ul{ max-height:220px; overflow-y:auto;} .addrs *{ font-size:14px; color:#333;} .addrs>a{ color:#999; padding-left: 10px; /*padding-right: 20px; background:url(../image/icos2.png) right center no-repeat;*/} .serchs{float:right; margin-right: 70px;} .top-tels{ margin-top: 16px;float: right;background:url(../image/time2.png) 0 center no-repeat; padding-left:50px;} .top-tels span{ color:#999;} .top-tels h3{ color:#333; font-size:26px; font-family:"Times New Roman" } /*下拉框*/ .mod-serch-l{cursor:pointer; background:url(../image/icos2.png) right center no-repeat; height:45px; position:relative; float:left; width: 105px;} .mod-serch-l span{ line-height:45px;font-size: 14px; padding-left:10px;} .mod-serch-l ul{ position:absolute; top:45px; left:-2px; width:100px; background:#ed6d00; border-top:none; padding:0 0; display:none; } /*.mod-serch-l:hover ul{ display:block;}*/ .mod-serch-l ul li{ font-size: 14px; padding:0 10px; line-height:35px; border-bottom:1px solid #f38425; cursor:pointer; color: #fff;} .mod-serch-l ul li:hover{ background:#cd5f01;} .serchs{ margin-top: 17px; border: 2px solid #333333; line-height: 45px; height: 46px; } .serchs>input{ font-size: 14px; line-height:44px; width: 260px; height: 44px; border: none; padding-left: 20px;} .serchs>a{ background: #333; color: #fff; font-size: 15px; width: 94px; text-align: center; line-height: 46px; display: inline-block; cursor: pointer;} .wrap-nav{} .header-top{ height:38px; background:#0070c0; line-height:38px;} .toplinks{ text-align: right; line-height:38px; color:#fff; position:relative;} .toplinks *{color:#fff;} .toplinks a{ position:relative; padding-left: 15px; padding-right:15px; background:rgba(255,255,255,.2);color:#fff; height:25px; line-height:25px; display: inline-block; position:relative;} .toplinks{} .toplinks a:nth-child(1):after{content:""; position:absolute; height:11px; width:1px; background:#fff; right:0; top:8px;} .toplinks a:hover{background:rgba(255,255,255,.4);} /*.toplinks a.ch{ margin-right:20px;background: url(../images/china_ic1.png) 0 center no-repeat; }*/ /*.toplinks a.en{background: url(../images/china_ic2.png) 0 center no-repeat; }*/ .logo-css{ float: left; width:220px; padding-right: 35px; padding-top:10px;} .logo-css img{max-width:100%; height:auto!important} /*导航*/ .wrap-nav{ } .navMenu{ padding-top:25px; position: relative; } .navMenu>li { display: inline-block;position: relative; height:45px; } .navMenu>li>a { cursor: pointer; white-space: nowrap; display: block; padding: 0 27px 0 27px; box-sizing: border-box; text-align: center; color: #666; /*border-bottom:transparent solid 2px;*/ /*text-shadow:#fff 1px 1px;*/ } .navMenu>li>a>span{color:#4d4d4d;line-height:100%;font-size:16px;} .navMenu>li.cr>a, .navMenu>li>a:hover,.navMenu>li>a:hover *,.navMenu>li.cr>a * { } .navMenu .sub-menus:after{ content: ""; position: absolute; top: -6px; width: 0px; height: 0px; left: 50%; margin-left: -6px; display: block; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #f4f4f4; } .navMenu .sub-menus { border: 1px solid #f9f9f9; position: absolute; /**/ top:45px; /* top:-1800px;*/ left: 50%; margin-left: -78px; width: 156px; height:auto; /**/overflow: hidden; /*height:80px;*/ background:rgba(255,255,255,.95); transition-duration: .3s; -ms-transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; opacity: 0; text-align: center; box-shadow: -5px 0 5px rgba(0,0,0,0), 5px 0 5px rgba(0,0,0,0), 0 -5px 5px rgba(255,255,255,0.06), 0 5px 5px rgba(0,0,0,0.06); } .mod-cr .navMenu .sub-menus {top:65px; /*overflow: hidden;*/} .navMenu .sub-menus li{ line-height: 120%;} .navMenu>li>a>span,.navMenu>li>a>span{ padding-bottom:4px;} .navMenu>li:hover>a>span,.navMenu>li.cr>a>span{ border-bottom:2px solid #ed6d00;} .navMenu>li:hover>a>span,.navMenu>li.cr>a>span,.navMenu>li:hover>a>span em,.navMenu>li.cr>a>span em{ color:#ed6d00;} .navMenu>li:hover .sub-menus { opacity: 1; z-index: 10000; } .navMenu .sub-menus li span{ color: #000; font-size: 14px;} .navMenu .sub-menus li{ line-height: 25px; padding: 10px 8px; border-bottom: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid #f6f6f6;} .navMenu .sub-menus li:hover{ background: #ed6d00;} .navMenu .sub-menus li:hover a span{ color: #fff;} .swiper-roll-1 img{ max-width: 1920px; height: auto;} /*优势*/ .mod-nums{ display: table; width: 100%; table-layout: fixed; margin: 50px 0 45px 0; } .mod-nums .item-cell{ display: table-cell; text-align: center;} .mod-nums .item-cell h3 span{ font-weight: bold; font-size: 36px; font-family:"Times New Roman"; margin-right: 3px;} .mod-nums .item-cell h3 { font-weight: normal;color: #333; font-size: 16px;} .mod-nums .item-cell h2{font-weight: normal;color: #333; font-size: 16px; margin-top: 15px;} .mod-ad2{ width:50%; float:left; position: relative; overflow: hidden;height: 480px;} .mod-ad2 img{max-width:none;} .mod-ad2 img{ position: relative; left: -28px;} .mod-advs,.mod-cal{width:25%; float:left; height: 480px;} .features-wraps{ position: absolute; left: 5%; bottom:10%; display: none;} .features-wraps .item-cell{ position:relative; padding-left:66px; margin-top:20px; min-height: 65px;} .features-wraps .item-cell span{ position:absolute; left:0; top:0;} .features-wraps .item-cell cite{ margin-left: 2px; width: 64px; height: 64px; background: #fff; border-radius:64px; display: inline-block; vertical-align: top; line-height: 120%; text-align: center; overflow: hidden;} .features-wraps .item-cell cite b{ display: block; color: #ed6d00; font-weight: normal;font-size: 14px;} .features-wraps .item-cell cite img{ margin-top:7px;} .features-wraps .item-2 cite{ padding-top: 15px; box-sizing: border-box;} .mod-advs{ /*background:url(../images/bg11.jpg) center 0 no-repeat;*/ background-size: cover;} .coms-tits{ color: #fff; font-size: 22px; padding: 20px 0 0 40px;} .coms-tits span{background:url(../image/yic1.png) right 15px no-repeat; padding-right:25px;} .mod-advs .item-cell{ margin-top:30px; display: inline-block; width: 49%; padding: 0 0; box-sizing: border-box; text-align: center; color: #fff;} .mod-advs .item-cell h3{ font-size: 14px; font-weight: normal; line-height: 140%;} .mod-cal{background:url(../image/bg12.jpg) center 0 no-repeat; } .coms-tits2 span{ color: #000000; background: none;} .cal-img{ text-align:center; padding-top:5px;} .cal-img span{ margin-bottom: 5px; display: inline-block; background: #f8dab0; width: 52px; height: 23px; line-height: 23px; border-radius: 23px; text-align: center; color: #333; border-radius:5px;} .cal-img em{ padding: 0 3px;} .prices{ text-align: center;color:#ed6d00; font-size: 28px; font-family:"Times New Roman"; font-weight: bold;/* margin: 14px 0 5px 0;*/margin: 5px 0 5px 0;} .prices span{ color:#ed6d00; font-size: 48px; font-family:"Times New Roman"; font-weight: bold;} .mod-cal .item-input{ max-width: 270px; width: 100%; margin: 0 auto; margin-top: 5px; position: relative;} .mod-cal .item-input input,.mgs-input input{ width: 100%; box-sizing: border-box; padding:0 10px 0 46px; height: 46px; border: 1px solid #e5e5e5; border-radius:46px; font-size: 14px;box-shadow: -2px 0 2px rgba(0,0,0,0.04), 2px 0 2px rgba(0,0,0,0.04), 0 -2px 2px rgba(255,255,255,0.04), 0 2px 2px rgba(0,0,0,0.04); } .mod-cal .item-input em{ position: absolute; right: 15px; top: 12px; color: #999; font-size: 14px;} .cal-btn{ text-align: center; margin-top: 10px;} .mod-cal .input-ico1 input,.mgs-input-ico1 input{background:#fff url(../image/icon1.png) 18px center no-repeat;} .mod-cal .input-ico2 input,.mgs-input-ico2 input{background:#fff url(../image/icon2.png) 18px center no-repeat;} .mod-cal .input-ico3 input,.mgs-input-ico3 input{background:#fff url(../image/icon3.png) 18px center no-repeat;} .com-tit3{text-align: center; margin-bottom: 25px;} .com-tit3 h3 span{ position: relative; padding: 0 10px;padding-right: 20px; color: #ed6d00;} .com-tit3 h3 span:after,.com-tit3 h3 span:before{ content: ""; width: 15px; height: 15px; background:url(../image/abico1.png) 0 0 no-repeat; display: block; position: absolute; left: 0; top: 0;} .com-tit3 h3 span:before{background:url(../image/abico2.png) right 0 no-repeat;right: 0; left: auto; bottom: 0; top: auto;} .com-tit3 h3{ font-size: 32px; position: relative; z-index:1; margin-top: 8px;} .com-tit3 h4{ color: #ededed; font-family: "Impact"; font-size: 30px; margin-top: -5px; margin-bottom: 15px; } .com-tit3 i{ font-size:15px; color:#666; font-style:normal;} .tab-style{ text-align: center; margin-bottom:30px;} .tab-style a span { background:#f7f8f9; min-width: 105px; padding: 0 10px; height: 40px; line-height: 40px; border-radius:40px; color: #666; font-size: 16px; text-align: center; display: inline-block;} .tab-style a{ margin:0 6px; display: inline-block;} .tab-style a.active span,.tab-style a:hover span{ background: #333333; color: #fff; } .tab-style a.tabs-more{ margin-left: 20px; font-size: 16px; cursor: pointer;} .tab-style a.tabs-more:hover{color:#ed6d00;} .model-styleleft{width:100%;float:none; overflow: hidden;} .mod-caseswrap{width:50%;float:left;overflow: hidden;} .mod-caseswrap .item-cell{ width: 46%; margin-left: 2%; float: left;} .style-core .mod-caseswrap .item-cell{width: 48%; height: 273px;} .pri-dis{ position: absolute; width: 70px; height: 70px;background:url(../image/dis.png) 0 0 no-repeat; text-align: center; color: #fff; z-index: 8; left: 35px; line-height: 60px; font-size: 26px;font-family: "Impact"; background-size: 70px auto;} .pri-dis span{ font-size: 14px;} .mtit{ position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 25px;background: #000; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);; /*FireFox*/ background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opear */ background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10及IE10+*/} .mtit *{ color: #fff; font-style: normal;} .mtit span{ font-size: 24px; color:#fff; font-weight:bold; margin-right: 15px;} .mtit cite{ font-size: 14px; margin-right: 15px;} .mtit cite i{font-size: 24px;font-family: "Impact"; padding: 0 4px;} .mtit b{ font-size:14px; font-weight:normal; color:#fff; opacity:.8; text-decoration: line-through;} .mcalu{ position: absolute; right: 15px; bottom:15px;} .mcalu a{ background: #ed6d00; height: 46px; line-height: 46px; font-size: 16px; border-radius:46px; color: #fff; padding: 0 20px; display: inline-block; text-align: center;} .model-styleleft{ position:relative;} .model-styleleft .item-cnts{ background: #f7f8f9; padding: 20px 25px; box-sizing: border-box; height: 190px; overflow: hidden;} .model-styleleft .item-pic{ max-height: 410px; overflow: hidden; position: relative;} .model-styleleft .item-desc a{ font-size: 14px; color: #999999;} .model-styleleft .item-spec{ padding-right: 150px;} .model-styleleft .item-spec span{ margin-top: 20px; color:#333;background:url(../image/sel.png) 0 center no-repeat; background-size: 18px auto;padding-left: 28px; height: 25px; line-height: 25px; display: inline-block; font-size: 16px; font-weight: bold; margin-right: 30px;} .it-btnl,.it-btnr{ position: absolute;background:url(../image/left_2.jpg) 0 0 no-repeat; background-size: 100% auto!important;width: 42px; height: 42px; bottom: 25px; right: 20px; z-index: 10; cursor: pointer;} .it-btnr{background:url(../image/left_1.jpg) 0 0 no-repeat;right: 75px;} .it-btnr:hover{background:url(../image/left_10.jpg) 0 0 no-repeat;background-size: 100% auto;} .it-btnl:hover{background:url(../image/left_20.jpg) 0 0 no-repeat;background-size: 100% auto;} .mod-caseswrap .item-tit{ display: inline-block; margin-right: 15px;} .mod-caseswrap .item-tit a{ color: #333; font-size: 18px; font-weight: bold;} .mod-caseswrap .item-desc{ display:inline-block;} .mod-caseswrap .item-pic{ margin-bottom: 15px; max-height: 221px; overflow: hidden; position: relative;} .mod-caseswrap .item-cell{ margin-bottom: 2%;} .mod-caseswrap .item-cnt{ white-space: nowrap;} .mod-caseswrap .item-desc span{ margin-left: 0;} .mod-caseswrap .item-desc cite{ font-size: 18px; color: #ed6d00;font-weight: bold; font-family:"Times New Roman";} .mod-caseswrap .item-desc span{ color: #999; font-size: 15px;margin-left: 15px;} .tab-style a.quer-links{ display:inline-block; height: 40px; line-height: 40px; border-radius: 40px; padding: 0 22px 0 55px; font-size: 16px; color: #fff;background:#ed6d00 url(../image/zxico1.png) 22px center no-repeat;} .style-core{ height: 0; overflow: hidden; position: relative;} .style-cr{ height: auto;} .style-core .style-icos2 span{ font-size: 12px;} /*二次修改新加调整内容开始*/ .model-styleleft .item-pic{ width: 50%; height: 445px!important; float: left;} .house-r2{ padding: 0 0 30px 30px;} .house-r{ width: 54%; padding:10px 10px 0 10px; box-sizing: border-box; float: left; background: #f7f8f9; margin-left: -4%; margin-top: 60px; position: relative; z-index: 3;} .house-r .item-core-pic{ width: 42%; float: left; margin-right: 25px;} .house-r .mtit{ background: none; position: static; padding: 0; padding-top:35px; padding-bottom: 8px;} .house-r .item-core-pic .item-pic2{ height: 200px!important; overflow: hidden; max-height: 200px; margin-bottom: 10px;} .house-r .mtit span{ color: #333; display: block;} .house-r .mtit cite{ display: block; color: #ed6d00; margin-top: 20px;} .house-r .mtit cite *{color: #ed6d00;} .house-r .mtit cite i{ font-weight: bold;font-size: 36px; font-family:'Times New Roman', Times, serif; } .house-r .mtit b{ color: #333; text-decoration: none; margin-top:10px; display: block;} .house-r .mtit b strong{text-decoration:line-through;color: #333; font-size: 28px;font-family:'Times New Roman', Times, serif;} .house-r .houses-desc a{ color: #999; font-size: 15px;} .house-r .houses-desc{ margin-top: 10px; padding-right:40px; margin-bottom: 15px; min-height: 110px;} .style-roll .house-r .items-priceinfos1{ color: #999; font-size: 13px!important; margin-top: 8px; margin-bottom: 15px;} .model-styleleft .item-spec{ margin-right: 0; padding-right: 0;} .model-styleleft .item-cnts{ padding: 0; height: auto;} .model-styleleft .item-spec span{ margin-right: 15px; margin-top: 5px;} .mcalu{ position: static; margin-top: 30px;} .model-styleleft .it-btnl, .model-styleleft .it-btnr{ top: 50%; margin-top: -30px;} .model-styleleft .it-btnl{ right: 0;} .model-styleleft .it-btnr{ left: auto; right: auto;} .new-ncase .mod-caseswrap{ height: 0; overflow: hidden;} .new-ncase .ncase-active{ height: auto;} .mod-caseswrap{ width: 100%; margin-left: -2%;} .mod-caseswrap .item-cell{ width: 23%;} .new-ncase .mod-caseswrap .item-tit a{ white-space: nowrap; font-size: 18px;} .new-ncase .mod-caseswrap .item-tit a cite{ padding-right: 10px;} .new-ncase .mod-caseswrap .item-tit a span *, .mod-caseswrap .item-tit a span{ color: #999999; font-size: 16px; font-weight: normal; font-style: normal;} .new-ncase .mod-caseswrap .item-tit a span i{ font-size: 12px; color: #ed6d00; } .new-ncase .mod-caseswrap .item-tit a span b{ color: #ed6d00; font-size: 18px; } .des-bg2{ background:#f6f6f6; padding: 50px 0;} .model-styleleft .swiper-pagination{text-align: center; position: static; margin-top: 10px; } .model-styleleft .swiper-pagination .swiper-pagination-switch{ display: inline-block;width: 34px; height: 3px; margin: 0 2px; background: #d2d2d2;} .model-styleleft .swiper-pagination .swiper-active-switch{ background: #ed6d00} /*新增设计师PC*/ .pc-design-rolls{ } .pc-design-rolls .item-core{ width: 950px; margin: 0 auto;overflow: hidden;} .pc-design-rolls .item-cell{ height: 460px;} .pc-design-rolls .item-cnt{ float: left;padding-top: 30px; box-sizing: border-box; width: 285px; height: 460px; float: left;background:#333 url(../image/pc_desbg3.jpg) 0 0 no-repeat; } .pc-design-rolls .item-desgimg { margin: 0 auto;width: 160px; height: 160px; border-radius: 160px; overflow: hidden;} .pc-design-rolls .item-pic{ margin-left: 285px; height: 460px!important;} .pc-design-rolls .item-pic img{ } .pc-design-rolls .item-tit *{ } .pc-design-rolls .item-tit{ } .pc-design-rolls .item-cnt2{font-size: 15px; padding: 25px 30px 0 45px; color: #fff;} .pc-design-rolls .item-desgimg img{ } .pc-design-rolls .item-dpos a{ font-size: 14px; display: inline-block;padding: 0 12px; color: #fff; background: #545454; height: 23px; border-radius:23px; } .pc-design-rolls .item-dpos{ margin-top: -20px; text-align: center; position: relative; z-index: 2;} .pc-design-rolls .item-cnt2 .item-names a{ font-size: 26px; color: #fff;} .pc-design-rolls .item-cnt2 .item-names{ margin-bottom: 10px;} .pc-design-rolls .item-fileds span{ color:#febf00;} .pc-design-rolls .item-btns a{ width: 140px; height: 40px; line-height: 40px; color: #fff; border-radius:40px; background:#fff; background: #ed6d00; display: block; text-align: center; font-size: 15px;} .pc-design-rolls .item-btns{ margin-top:20px;} .pc-design-rolls .item-fileds:nth-last-child(2){ max-height: 55px; overflow: hidden;} .mydesg-imgs{ text-align: center; margin-top: 30px; } .mydesg-imgs>a,.mydesg-imgs i{ display:inline-block; margin: 0 5px; width: 90px; height: 90px; overflow: hidden;border-radius: 90px; box-sizing: border-box;} .mydesg-imgs>a{border: 2px solid transparent;} .mydesg-imgs>a.active{ border: 2px solid #ed740d;} .mydesg-imgs>a>span{ height: 86px; overflow: hidden; display: block;} .mydesg-imgs i a{ width: 90px; height: 90px; cursor: pointer;} .mydesg-imgs i{ background: #c9cdea;} .mydesg-imgs i span{ width: 42px; font-style: normal; line-height: 150%; color: #333; display: block; margin: 0 auto;padding-top:25px;} .mydesg-imgs i:hover{ background: #ed6d00; } .mydesg-imgs i:hover span{color: #fff;} .procase-container{ width: 950px; margin: 0 auto;max-height: 460px; } .procase-container .swiper-slide-active{ z-index: 5; position: relative;} .procase-container .item-core:after{ content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,.5)} .procase-container .swiper-slide-active:after{ display: none;} .pc-design-rolls{ overflow: hidden; } .desg-bt1,.desg-bt2{ cursor: pointer;position: absolute; top: 50%; color: #fff; left: 30px; margin-top: -8px;} .desg-bt1:before,.desg-bt2:before{ font-size: 35px; color: #fff;} .desg-bt2{ right: 30px; left: auto;} .why-chose { margin-right: -1.33%;} .why-chose li{ width: 32%; margin-right: 1.33%; margin-bottom: 1.33%; float: left; height: 90px; background:#f6f5fa url(../image/nadv_bg1.png) right bottom no-repeat; background-size:100% auto!important; box-sizing: border-box; padding: 55px 15px 15px 35px; } .why-chose li h6,.why-chose li cite{ color: #666; font-weight: normal; font-size:20px;} .why-chose li:nth-child(2){background:#f6f5fa url(../image/nadv_bg2.png) right bottom no-repeat;} .why-chose li:nth-child(3){background:#f6f5fa url(../image/nadv_bg3.png) right bottom no-repeat;} .why-chose li:nth-child(4){background:#f6f5fa url(../image/nadv_bg4.png) right bottom no-repeat;} .why-chose li:nth-child(5){background:#f6f5fa url(../image/nadv_bg5.png) right bottom no-repeat;} .why-chose li:nth-child(4),.why-chose li:nth-child(5){ width:48.66%; } .why-chose li span{ font-size: 50px; color: #000; font-weight: bold; padding-right: 5px; font-family: 'Times New Roman', Times, serif;} .why-chose li h6{ line-height: 120%; margin-top: 4px;} .why-chose li:nth-child(5) span{ font-size: 42px;} .pc-why-ad{ float: left;} .why-chose{ margin-left: 568px;} .why-chose li{ height: 176px; border-radius: 0; margin-bottom: 8px;} .com-tit40 i{ background: #fdf5ee; position: relative;border: 1px solid #ed6d00; border-radius:5px; font-weight: normal;color:#ed6d00; font-size: 26px; display: inline-block; padding: 5px 15px;} .com-tit40 i:after{ position: absolute; content:""; display: block; width: 6px; height: 10px; left: -6px; top: 50%; margin-top: -5px; background: url(../image/ars.png) no-repeat; background-size: 100% 100%!important;} .com-tit40{ white-space: nowrap; margin-bottom: 30px;} .zx-wrap{ position: relative;white-space: nowrap; width: auto; overflow-x:hidden; margin-top: -15px; margin-right: -20px;} .zx-wrap .item-cell{ height: auto; display: inline-block; overflow: hidden; box-sizing: border-box; } .zx-wrap .item-cell .item-pic{ border: none; border-radius:0; margin-right: 20px; } .zx-wrap .it-btnl, .zx-wrap .it-btnr{ top: 50%; margin-top: -15px;} .zx-wrap .it-btnr{ left: auto; right: auto;} /*二次修改新加调整内容结束*/ /*作品*/ .mod-works{ padding: 25px 0; margin: 0 20px; overflow: hidden; margin-top: -80px; position:relative; background: #fff;} .mod-works .item-cell{ width:25%; padding: 0 .5%; float: left; box-sizing: border-box; } .mod-works .item-cnt{ } .mod-works .item-pic { margin-bottom: 10px; position: relative;} .mod-works .item-pic img{ height:auto; width:auto;} .mod-works .item-tit *{ font-size: 16px; color: #333; } .mod-works .item-tit{ display: inline-block; margin-right: 4px; } .mod-works .item-desc{display: inline-block; font-size: 14px; color: #999;} .mod-works .item-pic span,.mod-works .item-pic cite{ position:absolute; top:32%; left: 50%; width: 150px; margin-left: -75px; display: none;} .mod-works .item-pic span a,.mod-works .item-pic cite a{ background: #ed6d00;width: 150px; height: 38px; line-height: 38px; border-radius:38px; display: block; color: #fff; text-align: center; box-sizing: border-box;} .mod-works .item-pic cite{ margin-top: 50px;} .mod-works .item-pic cite a{background:#ed6d00 url(../image/zxico1.png) 28px center no-repeat; padding-left: 20px;} .mod-works .item-cell:hover .item-pic span,.mod-works .item-cell:hover .item-pic cite{ display: block;} .work-wraps{ position: relative;} .wbt-l,.wbt-r{ position: absolute;background:url(../image/arr_l.png) no-repeat; width: 55px; height: 55px; left: 0; top: 45%; margin-top: -30px; z-index: 10; cursor: pointer;} .wbt-r{ right: 0; left: auto;background:url(../image/arr_r.png) no-repeat; } /*装修学院*/ .layer-1{ width: 32%; float: left; margin-right: 2%; background: #f7f8f9;} .layer-2{width: 32%;margin-right: 2%;} .layer-3{ margin-right:0;} .news-tits{ position: relative;} .news-tits span{ position: absolute; left: 30px; top: 45px; font-size: 24px; font-weight: bold;} .mod-news1{ padding:15px 25px;} .mdabout-adv{ background:#fdfdfd;box-shadow: -5px 0 5px rgba(0,0,0,0.06), 5px 0 5px rgba(0,0,0,0.06), 0 -5px 5px rgba(255,255,255,0.06), 0 5px 5px rgba(0,0,0,0.06); } .adv-lefts{ width: 50%; float: left; box-sizing: border-box; padding: 3.5% 4% 0 4%;} .adv-rights{width: 50%; float: left; padding-right: 20px; box-sizing: border-box; } .adv-rights img{ display: block;} .adv-cnts{ font-size:16px; color: #666; margin-top: 25px; margin-bottom: 25px;} .adv-rights video { height:393px; object-fit:fill; margin-top: 20px; margin-bottom: 20px; } .adv-img a.ic1,.adv-img a.ic2{ margin-right: 65px;} .adv-img img{ max-width: 115px; height: auto;} .mdvideos{ position:relative;} .v-icon{ cursor: pointer;position: absolute;background:url(../image/vico1.png) no-repeat; width: 63px; height: 63px; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; z-index: 5;} .mdvideos a:after{ content:""; top: 0; left: 0; display: block;position: absolute; width: 100%; height: 100%; background: #000; opacity:0.2;} .mod-news1 li{ line-height: 40px; height: 40px; overflow: hidden;} .mod-news1 li a{ font-size: 15px;line-height: 40px; height: 40px; overflow: hidden; padding-left: 22px; display: block;color: #666;background:url(../image/icos1.png) 0 center no-repeat;} .mod-news1 li a:hover{color:#ed6d00;} .news-tits img{ display: block;} .md-advs{ background: #f7f8f9; padding: 30px 0;} .adv-inners{ display: table; width: 100%; table-layout: fixed; } .adv-inners .item-cell{ display: table-cell; text-align: center;} .adv-inners .item-tit{ /*font-weight: bold;*/line-height: 150%;color:#000; font-size: 16px; margin-top: 10px;} /*底部*/ .footers{ } .ft-inner1{background:#333333; padding: 50px 0;} .foters-1{ float: left; margin-right:1%; max-width: 380px;} .foters-2{margin-right: 4%;max-width:none;} .foters-3{ margin-right: 0; float: right;max-width:none;} .ft-foucus .ft-cells{ display: inline-block; width: 115px; text-align: center;} .ft-foucus .ft-cells img{ width: 115px; height: 115px;} .foters-1 h3{ font-size: 16px; color: #fff;margin-bottom: 15px; font-weight: normal;} .ft-links{line-height:200%;} .ft-links a{ font-size:14px; color: #bfbfbf; margin-right: 25px; white-space: nowrap;} .ftel{ font-size: 32px; color:#ff9c00; margin-top: -10px; font-family:"Times New Roman"; font-weight:bold;} .ft-cnts{ font-size:14px; color: #bfbfbf;} .ft-foucus h4{ font-size:14px; color:#bfbfbf;font-weight:normal;} .ft-cells{ margin-right: 10px;} .ft-inner2{ background: #1e1e1e; padding: 20px 0;} .ft-l{ color: #7d7d7d; float: left;} .ft-lk{ float: right;} .ft-lk *{color: #7d7d7d;} .ft-lk em{ font-size: 10px; padding: 0 8px;} .ft-lk a:hover{ color:#ff9c00;} .ft-lk em:nth-last-child(1){ display: none;} .bom-fixeds{ height:124px; position: relative; z-index:128; transition: all .3s;-webkit-transition: all .3s;} .inner-fixeds{ height:124px; background:#ff0000; position: fixed; bottom: 0; left: 0; right: 0;transition: all .3s;-webkit-transition: all .3s;} .bom-fixeds2,.bom-fixeds2 .inner-fixeds{ height: 0;} .cul-bg{ padding-left: 280px; position: relative; padding-top: 18px;} .cul-bg:after{ content: ""; display: block; position: absolute; width: 211px; height: 143px;background:url(../image/jsq_img.png) no-repeat; left: 20px ; top: -20px;} .h-money{ overflow: hidden;} .h-money cite{ font-size:24px; color: #fff;} .fees{ display:inline-block; float: right;} .fees *{ color:#fff; font-size: 14px;} .fees span{ background: rgba(0,0,0,.2); display: inline-block; height: 26px; line-height: 26px; padding: 0 10px; border-radius:26px; width: 76px; } .fees i{ font-style: normal; padding: 0 15px;} .fees b{ padding-left: 30px; font-size: 14px; font-weight: normal;} .fees cite{ font-size: 32px; width: 106px; font-weight: bold; font-family: "Times New Roman"; padding: 0 5px; } .b-frms{padding-top: 15px; /**/} .b-frms>*{ float: left;} .b-frms input{ height: 45px; font-size: 14px; line-height: 45px; border: none; background: #fff; padding: 0 20px;/* width: 215px;*/ width: 185px; box-sizing: border-box;} .b-frms span{ margin-right: 5px; vertical-align: top;} .b-frms a{ display: inline-block; width: 174px; height: 45px; line-height: 45px; color: #fff; background: #333; font-size: 16px; text-align: center; cursor: pointer;} .b-frms button{ display: inline-block; width: 174px; height: 45px; line-height: 45px; color: #fff; background: #333; font-size: 16px; text-align: center; cursor: pointer; border:0} .search-item{ display: inline-block;/*width: 150px;*/width: 120px; margin-right: 5px; background: #fff; vertical-align: top; } .long-selects{ position: relative;} .long-selects select{ z-index:9; width: 100%; } div.select-main{ width:100%; z-index:8; cursor: pointer;height:45px; line-height:45px; position:relative;box-sizing: border-box; background-color: rgba(255, 255, 255, 0.1); color: #fff; /* border-radius: 44px;*/ font-size: 16px; box-sizing: border-box; padding-left: 16px; outline: none; } div.select-set{ width:100%;height:45px; text-align:left; line-height:45px; padding-left:0;box-sizing: border-box; background:none; font-size:14px; color:#333; color: #999; } .long-selects div.select-arrow{ border:none; width:30px; height:45px; top:0; right: 0; background: url(../image/icos2.png) right 12px center no-repeat;/**//**/ position:absolute; } /*.long-selects div.select-arrow:after{ font-family: "iconfont" !important; font-size: 18px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e74a"; color: #999; right: 30px; font-weight: bold; top: 0;}*/ .long-selects div.select-arrow.reverse{border:none;} .long-selects div.select-set{ border-radius:0;} #search-sel div.select-arrow{right:5px;} .long-selects div.select-block{ background:#f8f8f8;border: 1px solid #eee; color:#a9b5c5;border-radius:0; width:196px; margin-top:0; /* margin-left: -1px;*/ max-height: 350px; overflow-y:auto; position: absolute; left:18px; bottom:45px; left:0;width:100%; border-radius:0; } .long-selects li.select-items{ font-size:14px; color:#333; text-align:left; border-bottom:1px solid #fefefe; padding:2px 7px 2px 12px; margin-bottom: 0px;} .long-selects li.select-items:hover, .sel-room li.select-items.active{ background:#ee7814; color:#fff;} .long-selects ul.select-list{ padding-bottom:0; margin-bottom:0;} .arr-s{ position:absolute; left: 50%; margin-left: -46px; width: 92px; height: 17px;background: url(../image/arbg.png) center center no-repeat; top: -17px; cursor: pointer;} .arr-s span{background: url(../image/arr_1.png) center center no-repeat; width: 20px; height: 21px; margin: 0 auto; display: block;} .arr-s2 span{background: url(../image/arr_2.png) center center no-repeat;} .r-fixed{ position: fixed; right: 0; top: 50%; height: 460px; margin-top: -230px; z-index: 9999; background: #fff; border: 2px solid #ff0000; width: 88px;} .r-fixed li{ cursor: pointer;height: 83px; padding-top: 15px; text-align: center; box-sizing: border-box;} .r-fixed li *{ cursor: pointer;} .r-fixed li.kf-ico1{background: url(../image/kgbgs.png) 0 0 repeat-x; height: 94px; padding-top: 20px;} .r-fixed li h3{cursor: pointer; color: #ff0000; line-height: 120%; font-weight: normal;} .r-fixed li.kf-ico1 h3{ color: #fff;} .r-fixed li.kf-ico6{height: 22px;} .r-fixed:after{ content: ""; display: block; width: 138px; height: 117px;background: url(../image/zx_ico1.png) 0 0 no-repeat; left: -34px; top: -100px; position: absolute;} .mode-banner{ width:100%; position:relative; overflow:hidden;} .banner-cnt{ float:left; position:relative; right:50%;} .mode-inner{float:left; position:relative; left:50%;} .mode-banner img{ display: block;} .mode-banner2{ width:100%; position:relative; overflow:hidden;} .banner-cnt2{ float:left; position:relative; right:50%;} .mode-inner2{float:left; position:relative; left:50%;} .mode-banner2 img{ display: block;} .mod-cur *{ display: inline-block; color: #676767; font-size: 14px; font-weight: normal;} .mod-cur{ margin: 18px 0 12px 0;} .mod-cur li{ margin-left:8px; padding-left: 15px;background: url(../image/cur_ic1.jpg) 0 6px no-repeat; } .mod-cur li.home{ margin-left: 0; padding-left: 0; background: none;} .md-tpsearchs{ background: #f7f8fa; padding: 0 20px 0 20px;} .md-tpsearchs li{ position: relative; padding: 8px 0 10px 62px; border-bottom: 1px solid #eee;} .md-tpsearchs li *{ font-size: 14px; color: #666;} .md-tpsearchs li span{ position: absolute; left: 5px; top: 16px; color: #333;} .md-tpsearchs li a{ color: #666; margin: 5px 2px; display:inline-block; min-width: 85px; padding: 0 10px; box-sizing: border-box; border-radius:30px; line-height: 30px; text-align: center; font-size: 14px;} .md-tpsearchs li a.cr,.md-tpsearchs li a:hover{ background: #333; color: #fff;} .mod-sorts{float:left; margin-top: 4px;} .mod-sorts a{ padding-right: 15px; box-sizing:border-box; background: #f8f8fa url(../image/sorts2.jpg) right 15px center no-repeat; display: inline-block; width: 97px; line-height: 33px; margin-right: 10px; text-align: center; font-size: 14px;} .mod-sorts a.desc,.mod-sorts a.asc{ color: #ed6d00;background: #f8f8fa url(../image/sorts3.png) right 15px center no-repeat; } .mod-sorts a.desc{background: #f8f8fa url(../image/sorts4.png) right 15px center no-repeat;} .mod-sears{float:right;} .keyswraps{ border-bottom: 1px solid #e5e5e5; padding: 25px 0 20px 0;} .mod-sears *{ display: inline-block; vertical-align: middle;} .hot-keys *{ font-size: 14px; color: #333; } .hot-keys a{ margin-right: 12px;} .hot-searchs{ border: 1px solid #333333; height: 42px; box-sizing: border-box;} .hot-searchs input{ border:none; height: 40px; line-height: 40px; padding: 0 15px; width: 220px; box-sizing: border-box; vertical-align: top;} .hot-searchs a{ width: 68px; height: 40px; color: #fff; line-height: 1140px; text-align: center; font-size: 16px; overflow:hidden; background:#333333 url(../image/sear.png) center 12px no-repeat; } .mod-bg{ background:#f8f8fa; overflow: hidden; width: 100%;} /*样板间详情*/ .layer-7{ width: 73%; float: left;} .layer-8{ width:25.5%;float: right; } .pro-rolls{ position: relative;} .pro-rolls .item-txt{ font-size: 16px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; padding: 0 35px 20px 35px;background: #000; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);; /*FireFox*/ background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opear */ background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10及IE10+*/} .produ-tab ul li{ display: table-cell; font-size: 18px; color: #fff; height: 50px; line-height: 50px; position:relative; cursor: pointer;} .produ-tab ul li.cr:after{ content:""; display:block; position:absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom: 10px solid #ec6d02; top: -20px; left: 50%; margin-left: -5px;} .produ-tab ul{ display: table; width: 100%; text-align: center;background:rgba(0,0,0,0.7); table-layout: fixed} .pro-rolls img{ display: block;} .produ-tab ul li.cr{ background: #ed6d00; color: #fff;} .pbtn-l,.pbtn-r{ position: absolute; left:15px; top: 50%; margin-top: -25px; width: 55px; height: 55px;background: url(../image/arr_l1.png) no-repeat; z-index: 8; cursor:pointer;} .pbtn-r{background: url(../image/arr_r1.png) no-repeat;left:auto; right: 15px;} .swiper-container .swiper-wrapper,.swiper-container .swiper-wrapper .swiper-slide{ height: auto!important;} .pro-rolls .swiper-slide{ position: relative;} /*产品细节*/ .mod-prolls{position: relative;} .mod-prolls img{ max-width: 635px; max-height: 470px;} .mod-prolls h5{ left: 0; right: 0; height: 64px; line-height: 64px; color: #fff; display: block; position: absolute; bottom: 0; background: rgba(0,0,0,.4); padding: 0 65px 0 98px; overflow: hidden; font-size:18px; font-weight: normal;} .mod-prolls .ctrls { z-index: 8; position: relative;} .mod-prolls .ctrls span{ font-size: 18px; color: #fff; font-style: normal; position: absolute; left: 27px; bottom: 0; line-height: 64px;} .mod-prolls .ctrls i{font-style: normal; font-size: 28px; font-weight: bold; padding-right: 2px;} .mod-prolls .ctrls cite{padding-left: 5px;} .mod-prolls .nbt-l,.mod-prolls .nbt-r{ color: #fff; font-size: 25px; position: absolute; right: 75px; bottom: 12px; cursor: pointer; background: #656565; text-align: center;height: 40px; line-height: 40px; width: 40px;} .mod-prolls .nbt-r{right: 15px; left: auto;} .prointr { font-size: 16px; margin-top: 20px;} .mod-cal2{ width: auto; height: auto; padding-bottom: 20px; background:#fff url(../image/bg13.jpg) center 0 no-repeat; float: none;} .mod-cal2 .coms-tits2 span{ /*color: #fff;*/} .mod-cal2 .prices,.mod-cal2 .prices span{/*color: #fff;*/} .mod-cal2 .coms-tits2{ padding:25px 0 0 40px;} .mod-cal2 .cal-img span{ background: #fff45c;} .mod-cal2 .cal-img em{ color: #fff;} .mod-cal2 .prices{ /*margin-bottom: 40px;*/} .mod-cal2 .item-input{ margin-top: 15px;} .mod-cal2 .cal-btn{ margin-top: 15px;} .cell-info{ background:#fff; padding: 35px; margin-bottom: 20px;} .model-details{ position: relative;} .model-details h1{ color: #000; font-size: 32px; margin-right: 35px;} .model-tit *{ display:inline-block; font-size: 16px; font-style: normal;} .model-tit span cite{ font-family: "arail" ;font-weight: bold; color: #e76c02; font-size: 22px; } .model-tit span{margin-right: 35px;} .model-tit i{ color: #999; text-decoration: line-through;} .model-details .ms-descs{ line-height: 180%;color: #999; margin-top: 15px; margin-bottom: 25px; margin-right: 330px;} .model-tit{margin-right: 300px; } .model-details .features span{ padding: 0 15px; line-height: 30px; color:#f36b00; background: #fef4ea; border: 1px solid #f36b00; border-radius:4px; margin-right: 10px;} .model-details .ask-prices{ position: absolute; right: 35px; top: 30px;} .pshares{ top: 25px; left: 25px; position: absolute; z-index: 5;} .pshares a{ width: 85px; height: 32px; line-height: 32px; text-align: center; display: block; border-radius: 32px; background: rgba(0,0,0,.6); color: #fff; font-size: 14px; cursor: pointer; } .pshares a span{background:url(../image/share_ico1.png) 0 center no-repeat; padding-left: 22px;} .ask-prices a{ width: 225px; height: 48px; line-height: 48px; text-align:center; background:#333; border-radius:48px; color: #fff; display: block; margin-bottom: 10px; font-size: 16px;} .ask-prices a.pr2{background:#ed6d00;} .ask-prices a.pr2 span{background:url(../image/zxico1.png) 0 center no-repeat; padding-left: 33px;} .pro-roll-1{ margin-top: 32px;} .proswraps{ position: relative;} .produ-tab{ position: absolute; bottom: 0; left: 0; right: 0; z-index: 8;} .stit5{ font-size: 24px; font-weight: bold; margin-bottom: 20px; line-height: 120%;} .mod-contain cite{ width: 100px; height: 110px; margin-right:8px; float: left; display: block; background: #fcf3ea; text-align: center;} .mod-contain { overflow:hidden; } .mod-contain img{ width: 40px; height: auto; display: block; margin: 25px auto 0 auto;} .mod-contain b{ font-size: 15px; padding-top: 5px; display: block;font-weight: normal; color: #ed6b00;} .model-case{ margin-top: 25px; margin-bottom: 25px; background: #fff; overflow: hidden; } .caseswrap2{ width: 310px; margin: 0 auto; float: none;} .caseswrap2 .item-cell{ width: auto;float: none; margin-left: 0; margin-bottom:25px;} .modeltit{ font-size: 24px; color: #333; font-weight: bold; text-align: center; padding: 20px 0 20px 0;} .modeltit:before,.modeltit:after{ display: inline-block; width: 27px; height: 22px; content: "";background:url(../image/icl.jpg) 0 center no-repeat; vertical-align: middle; margin-right: 10px;} .modeltit:after{background:url(../image/icr.jpg) 0 center no-repeat;vertical-align: middle; margin-left: 10px;} /*产品保障*/ .md-myadv{} .md-myadv .item-cell{ text-align: center; padding-top: 63px; box-sizing:border-box; width: 22%; height: 212px; margin-left:-20px;background:url(../image/cirle_bg.png) center center no-repeat; background-size: 100% auto; float: left; position: relative;} .myadv-wraps{ padding: 0 0 0 30px;} .md-myadv .item-cell .item-tit{ margin-bottom: 10px; font-size:18px; color: #333; font-weight: bold;} .md-myadv .item-cell .item-desc{ color: #777;line-height: 160%;} .md-myadv .item-cell:after{ content: ""; display: block; width: 8px; height: 8px; border: 3px solid #eb6b44; border-radius:8px; position: absolute; top:35px; left: 50%; margin-left: -4px; } .md-myadv .item-2:after{border: 3px solid #fdca33;} .md-myadv .item-3:after{border: 3px solid #48b3e5;} .md-myadv .item-4:after{border: 3px solid #71be97;} .md-myadv .item-5:after{border: 3px solid #9390c8;} /*样板间列表*/ .modelists-wrap{ margin-right: -2.5%;} .modelists-wrap .item-cell{ background: #f7f8f9; width: 47.5%; float: left; margin-right: 2.5%; margin-bottom: 2.5%;} .modelists-wrap { } .modelists-wrap .item-cell{} .modelists-wrap .item-cnt{ position: relative;height:185px; padding:4% 5% 3% 5%; padding-right: 170px; box-sizing: border-box; } .modelists-wrap .item-pic { position: relative;} .modelists-wrap .item-pic img{ max-height:auto; max-height:100%;} .modelists-wrap .item-tit *{ font-weight: normal;font-size: 14px; font-style: normal;} .modelists-wrap .item-tit abbr{ text-decoration: none; border-bottom: none; display: none;} .modelists-wrap .item-tit{ } .modelists-wrap .item-cnt .bt{ cursor:pointer; width: 91px; position: absolute; top:25px; right: 4%;} .modelists-wrap .item-cnt .bt a{cursor:pointer;} .modelists-wrap .item-tit span{ font-size: 22px; color: #333; font-weight: bold; padding-right: 25px;} .modelists-wrap .item-tit cite{ padding-right: 25px;} .modelists-wrap .item-tit cite i{ color:#ed6d00; font-size: 22px; font-weight: bold; font-family: "Times New Roman"; padding: 0 3px;} .modelists-wrap .item-tit b{ color: #888; text-decoration: line-through;} .modelists-wrap .item-desc{ margin-top: 15px;} .modelists-wrap .item-desc span,.modelists-wrap .item-desc a{ display: inline-block; padding:0 15px; height:30px; line-height:30px; background: #fff; margin-right: 10px; margin-bottom: 10px; font-size: 14px; border-radius:4px; } .modelists-wrap .item-desc a.cr{ background: #333; color: #fff;} .modes-desc{ margin-top:8px; color: #999; height:24px; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis;} .style-icos{ position:absolute; width: 102px; height: 102px; left:0; top:0; background:url(../image/fg1.png) 0 center no-repeat; z-index: 8; } .style-icos span{ position: relative; top: 17px; left: -5px; display: block;font-size: 18px; color: #fff; transform: rotate(-45deg)} .modelists-wrap .style-icos{ width: 75px; height: 75px; background-size: 75px auto;} .modelists-wrap .style-icos span{ font-size: 14px; top: 11px;} .boms-ad { margin-right: -1%;} .boms-ad .item-cell{ float: left; width:23.5%; margin-right: 1%; margin-bottom: 1.2%;} .boms-ad .item-1{ width: 49%; margin-right: 1%;} .boms-ad .item-cell img{ display: block;} /*装修案例*/ .modcaselists-wrap{ margin-right:-2%; margin-top: 25px; } .modcaselists-wrap .person img{ width: 50px; height: auto;} .modcaselists-wrap .item-cell{ width:23%; margin-right:2%; margin-bottom: 2%; float:left; background:#f7f8f9;} .modcaselists-wrap .item-cnt{ } .modcaselists-wrap .item-pic { position: relative; height: 205px;} .modcaselists-wrap .item-pic img{ height:auto; width:auto;} .modcaselists-wrap .item-tit *{ } .modcaselists-wrap .item-tit abbr{ display: none;} .modcaselists-wrap .item-tit big{ font-weight: normal; font-size: 14px; } .modcaselists-wrap .item-tit{ padding: 10px 15px; height:46px; overflow:hidden; border-bottom: 1px solid #eee} .modcaselists-wrap .item-tit a{ white-space: nowrap;} /*新改*/ .style-icos{background: url(../image/fg2.png) 0 center no-repeat; background-size: 65px auto;width: 65px; height: 65px;} .style-icos span{ font-size:12px; top: 8px;} .modcaselists-wrap .item-tit span{ font-size: 16px; color: #333; font-weight: bold; padding-right: 5px;} .modcaselists-wrap .item-tit cite{ color: #ed6d00; font-family: "Times New Roman"; padding-right: 5px;} .modcaselists-wrap .item-tit cite i{font-size: 16px;font-weight: bold; font-style: normal;} .modcaselists-wrap .item-tit b{ font-weight: normal; color: #888; font-size: 14px;} .modcaselists-wrap .item-desc{ padding: 15px ; overflow: hidden; position: relative; height: 50px;} .modcaselists-wrap .item-desc .person{ float: left; margin-right:5px; width: 50px; height: 50px; border-radius:50px; overflow: hidden;} .modcaselists-wrap .item-desc .person-cnts{ float: left; width: 150px;} .modcaselists-wrap .item-desc .person-cnts span{ display:block; color:#666; font-size: 15px;} .modcaselists-wrap .item-desc .person-cnts cite{ color: #999; font-size: 13px;} .modcaselists-wrap .person-bt { cursor:pointer; position: absolute; right: 10px; top: 26px; background: #ed6d00; text-align: center; width: 80px; line-height: 32px; color: #fff; border-radius: 32px;} .modcaselists-wrap .person-bt a{ width: 80px; line-height: 32px; color: #fff; border-radius: 32px; display: block; cursor:pointer; font-size: 14px;} .com-tit4{ font-size:22px; font-weight:bold; padding-top:10px; position:relative;} .rolls-arr{ position: absolute; right: 0; bottom: 0;} .rolls-arr a{ background: #9b9b9b; color: #fff; margin-left: 6px; width: 30px; height: 30px; display: inline-block;line-height: 30px; text-align: center; cursor: pointer;} .rolls-arr a:hover{ background:#000;} .modcaselists-wrap2 .item-cell{ background: #fff;} a.titmores{ float: right; font-size: 15px;background: url(../image/icos1.png) right center no-repeat; padding-right: 18px; font-weight: normal; margin-top:3px;} .modcaselists-wrap2 .cases-roll-1{ margin-right: 0.8%;} .modcaselists-wrap2 .cases-roll-1 .item-cell{ background: none; margin-right: 0%; padding-right: 15px; box-sizing: border-box; } .modcaselists-wrap2 .cases-roll-1 .item-cnt{ background: #fff;} /*设计团队*/ .modteamlists{ margin-right: -2%; } .modteamlists .item-cell{width: 48%; height: 285px; overflow: hidden;margin-bottom: 2%; float: left; margin-right: 2%;background:#f7f8f9;} .modteamlists .item-cnt{ margin-left: 225px; padding:4% 3% 2% 4%; box-sizing: border-box; background:#f7f8f9 url(../image/desbg.jpg) 0 0 repeat-y; position: relative; overflow: hidden; } .modteamlists .item-pic { position: relative; float: left; width: 225px;} .modteamlists .item-pic img{ height:auto; width:auto;} .modteamlists .item-tit *{ } .modteamlists .item-tit{ } .modteamlists .style-icos2{ width: 72px; height: 72px;background-size: 72px auto!important;} .modteamlists .style-icos2 span{ font-size: 12px; top: 10px;} .modteamlists .item-tit span{ font-size: 22px; font-weight: bold; padding-right: 20px;} .modteamlists .item-tit cite{ display: inline-block; background: #fff2e1; height: 24px; line-height: 24px; border-radius:24px; color: #ed6d00; text-align: center; padding: 0 10px; min-width: 60px;} .modteamlists .person-bt{ position: absolute; right: 20px; top: 8%;} .modteamlists .person-bt a{ display: block; width: 100px; height: 28px; line-height: 30px; text-align: center; border: 1px solid #333333; border-radius:28px; } .modteamlists .intr1{ font-size:12px; color:#666; padding: 10px 0 2px 0; } .modteamlists .intr1 span{ font-size:14px;} .modteamlists .intr1 cite{ font-size:12px; padding: 0 8px;} .modteamlists .per-intr a{ color: #999;} .modteamlists .my-works{ margin-top: 15px; margin-right: -2%; overflow: hidden; height: 120px;} .modteamlists .my-works .item-core{ position: relative; float: left;width: 48%; margin-right: 2%; text-align: center;} .modteamlists .my-works .item-core span{ position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: none;} .modteamlists .my-works .item-core span *{ color: #fff;} .modteamlists .my-works .item-core i{ font-style: normal;font-size: 18px; display: block;} .modteamlists .my-works .item-core {} .modteamlists .my-works .item-core cite{ padding-top: 20%; display: block;} .modteamlists .my-works .item-core:hover span{ display: block;} /*设计师最终页*/ .design-details{ float: left; width: 74.5%; padding: 30px; box-sizing: border-box;background: #fff; min-height: 552px;} .md-designtop{ background: #efefef; overflow: hidden;} .md-designtop .mod-cal2{ background: #efefef url(../image/bg14.jpg) center 0 no-repeat;} .design-per{ float: left; width: 360px; } .design-details .design-cnt{ margin-left: 390px;} .design-details .design-tit{ padding-top: 35px; padding-bottom: 20px;} .design-details .design-tit h1{ font-size: 24px; color: #333; padding-right: 24px; display: inline-block; } .design-details .design-tit span{ font-size:16px; color:#666;} .design-details .exper span{ min-width:80px; padding: 0 15px; height: 90px; text-align: center;box-sizing: border-box; background:#f7f8f9; margin-right:10px; display: inline-block; color: #666666; font-size: 16px;} .design-details .exper span cite{ font-family: "Times New Roman"; display: block;font-size: 26px; color: #ed6d00; font-weight: bold; padding-top: 20px; padding-bottom: 6px;} .design-details .expert-cnts{ margin-top:30px;} .design-details .expert-cnts p{ font-size: 16px; color:#666; padding-bottom:7px;} .design-details .ask-bts{ margin-top: 35px;} .design-details .ask-bts a{ width: 280px; height: 50px; background: #ed6d00; color: #fff; text-align: center; display: block; line-height: 50px; border-radius: 50px; cursor: pointer;} .design-details .ask-bts a span{font-size: 16px;background: url(../image/zxico1.png) 0 center no-repeat; padding-left: 30px;cursor: pointer;} .wrap-case{ padding: 30px; background: #fff; margin-top: 25px;} .wrap-case .com-tit4{padding-top:0;} .modcaselists-wrap2{ margin-top: 18px;} .modcaselists-wrap2 .item-cnt{ position: relative; } .modcaselists-wrap2 .item-tit { border-bottom: 1px solid #eee; padding-left: 15px; } .modcaselists-wrap2 .item-cell{ margin-bottom: 30px;} .modcaselists-wrap2 .person-bt{ top: 26px; right: 10px;} .wrap-case .modcaselists-wrap2 .item-tit{ padding-right: 0;border-bottom:none;padding-left: 0; padding-top: 18px;} .wrap-case .modcaselists-wrap2 .person-bt{ top: 12px; right: 0;} .modteamlists2{ padding-top: 20px;} .modteamlists2 .item-cell{ background: #fff; overflow: hidden;} .modteamlists2 .item-cnt{ background: #fff url(../image/desbg1.jpg) 0 0 repeat-y;} .modteamlists2 .item-pic{ max-height: 282px;} .md-ad img{ display: block;} .load-mores{ text-align: center; margin-top:30px;} .load-mores a{ width: 245px; line-height: 50px; height: 50px; background: #333; border-radius: 50px; color: #fff; display:inline-block; font-size: 16px;} /*案例最终*/ .mod-case-details{} .case-htits{ margin-bottom: 25px;} .case-htits h1{ line-height: 150%; text-align: center; font-size:26px; color:#333;} .mod-case-details .item-case-attr{ white-space: nowrap;} .mod-case-details .item-case-attr li{ text-align: center;width: 14.1%; height: 183px;background:url(../image/case-bg2.png) 0 0 no-repeat; background-size: 100% 100%;display: inline-block; margin: 0 .1%;} .mod-case-details .item-case-attr li cite{ display: block; height: 77px; line-height: 97px; color: #ed6d00; font-size: 16px;} .mod-case-details .item-case-attr li span{ display: table; width: 100%; height: 107px;} .mod-case-details .item-case-attr li span i{ font-size: 18px; color: #fff; line-height: 150%; vertical-align: middle; display: table-cell; white-space: normal; padding: 0 5px; box-sizing: border-box; height: 100%; font-style: normal;} .mod-case-details .items-case .case-tit3 span{ color: #333; font-size: 22px; font-weight: bold;} .mod-case-details .items-case .case-tit3 { margin-bottom: 20px;} .mod-case-details .item-case-attr{ margin-bottom: 30px;} .mod-case-details .items-case{ margin-bottom: 35px;} .mod-case-details .items-case .mdvideos video{ height: 430px;} .mod-case-details .case-desc,.mod-case-details .case-desc *{ font-size: 16px; color: #666;} .mod-case-details .items-case .case-tit4 span{background:url(../image/arr_ic1.png) right 13px no-repeat; padding-right: 25px;} .mod-case-details .caseinfo-pic{ position: relative; margin-bottom:10px;} .mod-case-details .caseinfo-pic img{ max-width: 100%; height: auto;} .mod-case-details .caseinfo-pic span{/* position: relative;*/} .mod-case-details .caseinfo-pic .cas-nbt{ position: absolute; right: 25px; bottom:25px;} .mod-case-details .caseinfo-pic .cas-nbt a{ font-size: 14px; color: #fff; background: rgba(0,0,0,.6); padding: 0 20px; height: 32px; line-height: 32px; border-radius: 32px; display: inline-block; font-style: normal;margin-left: 10px; cursor: pointer; } .mod-case-details .caseinfo-pic .cas-nbt a *{font-style: normal; } .mod-case-details .caseinfo-pic .cas-nbt a.nbt2 i{ background:url(../image/zxico1.png) 0 center no-repeat; padding-left: 25px; background-size: auto 15px; } .mod-case-details .caseinfo-pic .cas-nbt a.nbt3 i{ background:url(../image/share_ico1.png) 0 center no-repeat; padding-left: 25px; } .whitesbg{ background:#fff;} .my-case-next{ border-top:1px solid #eee; padding-top: 20px; margin-top: 20px;} .my-case-next li{ width: 50%; box-sizing:border-box; float: left; padding-right: 40px; white-space: nowrap; text-overflow: ellipsis;position: relative;} .my-case-next li.pre-case a{ background:url(../image/icos22.png) 0 center no-repeat; padding-left:15px; } .my-case-next li.next-case{ text-align: right; padding-right: 0; padding-left: 20px;} .my-case-next li.next-case a{background:url(../image/icos1.png) right center no-repeat; padding-right:15px;} .my-case-next li a:hover{ color: #ed6d00;} /*右侧*/ .des-nimgs,.des-attr,.des-bts{ max-width: 315px; width: 100%; padding: 0 10px; box-sizing: border-box; margin: 0 auto;} .des-nimgs{ margin-bottom: 20px; /*max-height: 280px;*/ overflow: hidden;text-align: center;} .des-nimgs img { /*width: 100%; max-width: 100%; */ border-top-left-radius: 10px; border-top-right-radius: 10px;} .des-intrs{padding-bottom:25px;} .des-attr li{ position:relative; padding-left: 102px;min-height: 20px; margin-bottom: 25px;} .des-attr li span{ position: absolute; left: 20px; top: 0; font-size: 16px; color: #666; } .des-attr li:after{ content:""; display: block; position: absolute; left: 0px; top:7px;width: 8px; height: 8px; border:2px solid #ed6d00; border-radius:12px; background: #fff; } .des-attr li cite{ font-size: 16px; color: #666;} .des-attr li:before{content:""; display: block; position: absolute; left:6px; top: 5px; bottom: -25px; border-left: 1px solid #eeeeee; } .des-attr li.des-ico1 span{ color: #333333; font-size: 20px; font-weight: bold;} .des-attr li.des-ico2 cite,.des-attr li.des-ico3 cite{ color: #ed6d00; font-size: 20px; font-weight: bold; font-family:"Arial";} .des-attr li.des-ico4:before{ display: none;} .des-bts a{ background: #ed6d00; text-align: center; color: #fff; font-size: 18px; height:48px; line-height: 48px; border-radius:48px; display: block;} .des-bts a span{background:url(../image/zxico1.png) 0 center no-repeat; padding-left:30px;} .mod-models .item-cell{ max-width: 320px; margin: 0 auto 20px auto;width: 100%; padding: 0 10px; box-sizing: border-box; position: relative;} .mod-models .item-cell .item-tit{ position: absolute; left: 10px; right: 10px;background:url(../image/tj_bg1.png) 0 0 no-repeat; height: 49px; bottom: 0;z-index: 4; padding-left: 65px; padding-right: 15px; white-space: nowrap; padding-top: 22px; box-sizing: border-box;} .mod-models .item-cell .item-tit *{ display: inline-block;} .mod-models .item-cell .item-tit cite{ color: #fff; font-size: 17px; padding-left: 20px; } .mod-models .item-cell .item-tit img{ margin-right: 2px;} .mod-models{ padding-bottom: 15px;} .md-newslist{ overflow: hidden; } .md-newslist ul{ max-width: 320px; padding: 0 10px; box-sizing: border-box; margin: -10px auto 20px auto;width: 100%; display: block;} .md-newslist ul li{ line-height: 42px; height: 42px; overflow: hidden;background:url(../image/cur_ic1.jpg) 0 center no-repeat; padding-left: 20px;} .md-newslist ul li a{ color: #666666; font-size: 15px;} .md-newslist ul li a:hover{color: #ed6d00;} /*关于我们*/ .mds-about .item-pic{ width:600px; float:left; position: relative;} .mds-about .ab-video{ position: absolute; right: -90px; bottom:20px;} .mds-about .item-cnts{ margin-left: 665px; padding-top: 20px;} .mds-about .item-cnts>a,.mds-about .item-cnts>*{ font-size: 16px; color: #333; line-height: 180%;} .mds-about .item-desc{ margin-top: 70px; margin-left:40px;} .mds-about .item-desc ul{ display: table; width: 100%; table-layout: fixed;} .mds-about .item-desc ul li{ display: table-cell; border-left: 1px solid #e5e5e5;text-align: center; color: #666; font-size: 16px;} .mds-about .item-desc ul li span{ display: block; font-style: normal; } .mds-about .item-desc ul li i{ padding-right: 3px; font-size: 32px; color: #000; font-weight: bold; font-style: normal;} .mds-about .item-desc ul li:nth-child(1){ border:none; } /*服务理念*/ .mod-serviceswrap{ position: relative;} .mod-serviceswrap .item-cell{ box-sizing: border-box; padding: 3%; background: #f7f8f9; height: 247px; float: left; width: 25%; position: relative;} .mod-serviceswrap .item-1,.mod-serviceswrap .item-2{ position: absolute;padding: 0;} .mod-serviceswrap .item-1{ right: 0; top: 0; width: 50%;} .mod-serviceswrap .item-1 img,.mod-serviceswrap .item-2 img{ height: 247px!important; max-width: none;width: auto!important;} .mod-serviceswrap .item-4{ margin-right: 50%;} .mod-serviceswrap .item-5{ margin-left: 25%;} .mod-serviceswrap .item-2{ top: 247px; left: 0;} .mod-serviceswrap .item-3,.mod-serviceswrap .item-5,.mod-serviceswrap .item-7{background: #eef0f1;} .mod-serviceswrap .item-mgs{ position: absolute; right: 0; bottom: 0;} .mod-serviceswrap .item-mgs img{ display: block;} .mod-serviceswrap .item-cell .item-tit{ font-size: 22px; font-weight: bold; color: #333;} .mod-serviceswrap .item-cell .item-desc{ font-size: 15px; color: #999; line-height: 160%; margin-top: 15px;} /*装修学院列表*/ .modnewslist2-wrap{ padding: 3% 3% 0 3%;} .modnewslist2-wrap .item-cell{ border-bottom:1px solid #eee; padding-bottom: 35px; margin-bottom: 35px; overflow:hidden;} .modnewslist2-wrap .item-cnt{ margin-left: 290px; } .modnewslist2-wrap .item-pic { width: 265px; float: left;} .modnewslist2-wrap .item-pic img{ height:auto; width:auto;} .modnewslist2-wrap .item-tit *{ font-size: 20px; color: #333333; } .modnewslist2-wrap .item-tit a:hover{ color:#ed6d00;} .modnewslist2-wrap .item-tit{ margin-bottom: 6px; margin-top: 10px; } .modnewslist2-wrap .it-nopic .item-cnt{ margin-left: 0;} .modnewslist2-wrap .item-desc *{ color: #999; font-size: 16px;} .modnewslist2-wrap .item-desc{ max-height: 52px; overflow: hidden;} .modnewslist2-wrap .item-desc{ margin-bottom: 10px;} .modnewslist2-wrap .item-dates { color: #999; font-size: 14px;} .modnewslist2-wrap .item-dates *{vertical-align: middle; display: inline-block;} .modnewslist2-wrap .item-dates i{ font-style: normal; ;color: #999; font-size: 12px; padding: 0 10px;} .modnewslist2-wrap .item-mores{ margin-top: 15px;} .modnewslist2-wrap .item-mores a{ display: block; width: 128px; height: 32px; border: 2px solid #313131; border-radius:32px; text-align: center; line-height: 32px;} .activelists .item-pic{ float: none;} .activelists .item-pic { width: auto; margin-bottom: 20px;} .activelists .item-cell .item-cnt{ margin-left: 0; padding-right: 200px; position: relative;} .activelists .item-cell .item-bt{ position: absolute; right: 0; top: 10px;} .activelists .item-cell .item-bt a{ display: block; width: 130px; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius:40px; background: #ed6d00; } /*家居体验馆*/ .map-left{ width:50%; float: left; height: 470px;} .map-left>img{ display: block;} .maps{ background: #fcfcfc;} .map-rightcnts{width:50%; float: left;} .mod-addr .item-cell{ padding: 15px 30px 15px 60px; border-bottom:1px solid #eee} .mod-addr .item-cell:nth-last-child(1){ border-bottom:none;} .mod-addr .item-cell .item-tit{ font-size: 18px; font-weight: bold; color: #333; position: relative;} .mod-addr .item-cell .item-addr{ font-size: 14px; color: #666; margin-top:5px;} .mod-addr .item-cell .cont-us{ margin-top: 10px;} .mod-addr .item-cell .cont-us a{ cursor: pointer;font-size: 14px; width: 100px; height: 30px; line-height: 30px; border-radius:30px; color: #fff; display: block; background: #ed6d00; text-align: center;} .mod-addr .item-cell .item-tit:after{ content: ""; width: 22px; height: 26px; background:url(../image/addico2.png) no-repeat; display: block; background-size:16px auto!important;position: absolute; left: -25px; top: 8px;} .mod-addr .item-cr,.mod-addr .item-cell:hover{ background:#f7f8f9;} .mod-addr .item-cr .item-tit:after,.mod-addr .item-cell:hover .item-tit:after{background:url(../image/addico1.png) no-repeat; } .mod-addr .item-cell .item-cnt{ cursor: pointer;} .mod-addr{height: 470px;/* overflow-y: auto;*/} .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { background: #dbdbdb; /*border: 1px solid #eee;*/ border-radius:0; width:4px;} .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px!important; background: #ed6d00!important; opacity: 1!important; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; margin-left:0;border-radius:0; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 1!important; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";} /*可能喜欢的样板间*/ .modelists2{ margin-right: -2%; margin-top: 20px; } .modelists2 .item-cell{ background: #f7f8f9; margin-bottom: 30px; width:31.3%; float:left; margin-right: 2%;} .modelists2 .item-cnt{ height: 130px; box-sizing: border-box; padding: 25px 100px 15px 20px; position: relative;} .modelists2 .item-pic { overflow: hidden;} .modelists2 .item-pic img{ max-height:236px; max-width:446px;} .modelists2 .item-tit *{ } .modelists2 .item-tit{ } .modelists2 .item-tit a span{ font-size:18px; margin-right: 15px; color: #333; font-weight: bold;} .modelists2 .bt{ position: absolute; right: 15px; top: 12px; width: 91px; } .modelists2 .item-tit a i{ font-size: 14px; font-style: normal; color: #666;} .modelists2 .item-price { font-size: 14px; color: #333; margin-top: 8px;} .modelists2 .item-price i{ color: #ed6d00; font-size: 20px; font-weight: bold; font-style: normal; font-family: "Times New Roman";} .modelists2 .item-price cite{ color: #333; padding-right: 25px;} .modelists2 .item-price b{ font-weight: normal; color: #666; text-decoration: line-through;} /*全包员服务流程*/ .mod-process .item-bgs{ background:#f7f8f9;} .mod-topstep{ display:table; table-layout: fixed; width: 100%; position: relative;} .mod-topstep .item-cell{ display: table-cell; text-align: center; position: relative; z-index: 2;} .mod-topstep .item-pic{ width: 179px; height: 172px; line-height: 172px; text-align: center; margin: 0 auto;background:url(../image/step_bg.png) no-repeat; background-size: 100% 100%; overflow: hidden;} .mod-topstep .item-pic img{ vertical-align: middle;} .mod-topstep .item-cnt{ margin-top: -18px; position: relative;} .mod-topstep .item-cnt span{ width: 25px; height: 25px; border-radius:25px; display: inline-block; background: #333; color: #fff; z-index: 1; position: relative;} .mod-topstep .item-cnt cite{font-size: 16px; color: #333; font-weight: bold; display: block; margin-top: 10px;} .mod-topstep .item-cnt:after{ content:""; display:block; border-bottom: 1px solid #e5e5e5; position: absolute; left: 0; right: 0; top: 12px;} .mod-process .item-cell{ overflow:hidden; padding: 30px 30px 30px 0; } .mod-process .item-cell .item-nums{ float: left; width: 170px; text-align:center;} .mod-process .item-cell .item-cnt{ margin-left: 170px;} .mod-process .item-cell .item-nums span{ display: block; text-align: center; font-size: 64px; font-weight: bold; color: #666; font-family: "Times New Roman"; line-height: 100%;} .mod-process .item-cell .item-nums cite{ color:#333; font-size: 16px; margin-top: 4px;} .mod-process .item-cell .item-tit{ font-size: 16px; color: #999; margin-bottom: 14px;} .mod-process .item-cell .item-frms { overflow: hidden; } .mod-process .item-cell .item-frms .inpts{ width: 25.5%; float: left; margin-right: 1%;} .mod-process .item-cell .item-frms .inpts input{ width: 100%; padding:0 15px 0 47px; box-sizing: border-box; height: 57px; line-height: 57px; border: 1px solid #e5e5e5; box-sizing: border-box; font-size: 16px;} .mod-process .item-cell .item-frms .inpt-1 input{background:#fff url(../image/icon1.png) left 15px center no-repeat; } .mod-process .item-cell .item-frms .inpt-2 input{background:#fff url(../image/icon2.png) left 15px center no-repeat; } .mod-process .frm-bt{ float: left; margin-right: 2%; overflow: hidden;} .mod-process .nroll{ float: left; width: 263px; position: relative; z-index: 1; overflow: hidden;height: 54px;color: #666; font-size: 15px;} .mod-process .nroll ul{ /*height: 54px;*/ overflow: hidden;} .mod-process .nroll ul li{ height: 27px; overflow: hidden;} .mod-process .item-1{ padding-right: 5px;} .mod-process .item-2 .item-core{ float: left; width: 50%;} .mod-process .item-2 .item-core .item-chouse{} .mod-process .item-2 .item-core .item-pic{ float: left;} .mod-process .item-2 .item-core .item-cnt2{ margin-left: 240px;} .mod-process .item-2 .item-tit2{ font-size: 20px; font-weight:bold; color: #333; margin-bottom: 12px;} .mod-process .item-2 .item-desc li{ font-size: 14px; color: #666; margin-bottom: 3px;} .mod-process .item-2 .core-2 ul li{ width: 38%; display: inline-block;} .mod-process .item-styles a{ padding: 0 6px; box-sizing: border-box; margin-right: 5px; background:#ecf0f4; /*min-width: 128px;*/min-width: 100px; height: 36px; line-height: 36px; border-radius: 36px; color: #333; font-size: 14px; display: inline-block; text-align: center;} .mod-process .item-styles a.smore{ background: none; min-width: 0; padding-left: 25px;} .mod-models2{ margin-right: -2%; padding-right: 30px;} .mod-models2 .item-cell{ padding-right: 0; margin-bottom: 0; float: left; width: 23%; margin-right: 2%;} .mod-models2 .item-cell .item-tit{ left: 0; right: 0;} .mod-models2 .item-cell .item-tit cite{ font-size: 16px; padding-left: 8px;} .mod-models3{ padding-right: 0;margin-right: 0; max-width: none; padding: 0 10px;} .mod-models3 .item-cell{max-width: none; width: 49%; padding: 0; margin-left:0.5%; margin-right:0.5%; margin-bottom: 1%;} .model-wrap{ background: #f7f8f9; } .models-right{ width: 50%; float: left; overflow:hidden;} .mod-process .item-4 .item-img{ width: 33.3%; float: left;} .mod-process .brandlinks a{ width: 16%; float: left; box-sizing: border-box; border: 1px solid #e5e5e5; margin-left: -1px; margin-top: -1px;} .mod-process .brandlinks a img{ display: block; } .mod-process .item-6 .item-cores{ text-align: center;width: 50%; padding: 0 30px; box-sizing:border-box; float: left;} .mod-process .item-6 .item-tit2{ margin-top: 5px; margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #333;} .mod-process .item-6 .item-desc{ font-size: 14px; color: #666; max-width: 470px; text-align: left; margin: 0 auto;} .mod-process .item-8 .item-cores{ position: relative;width: 46%; margin-right: 3%; float: left;} .mod-process .item-8 .item-cores img{ display: block;} .mod-process .item-8 .item-tit2{ height: 50px; line-height: 50px; padding: 0 15px 0 30px; color: #fff; background: rgba(0,0,0,.4); font-size: 20px; left: 0; right: 0; position: absolute; bottom:0;} .mod-process .item-7 .item-pic{ padding-top: 15px; display: block;} .models-mores { margin-top: 20px; padding-left: 10px; margin-right: 15px; overflow: hidden; padding-bottom: 5px;} .models-mores span{ font-weight: bold;font-size: 20px; color: #333; font-style: italic;} .models-mores a{ float: right; font-size: 14px;background: url(../image/icos1.png) right center no-repeat; padding-right: 18px;} /*咨询弹出层开始*/ .box-layers{ left: 0; top: 0; background: rgba(0,0,0,.5); display: none; width: 100%; height: 100%; position: fixed; z-index: 9999; } .box-table{ display:table; width:100%; height: 100%;} .box-td{display:table-cell;width:100%; height: 100%; vertical-align: middle;} .mgs-wrap{ width: 840px; margin:0 auto; background: #fff; position: relative;} .mgs-wrap .mgs-left{ float:left; width: 416px;} .mgs-wrap .mgs-left img{ display: block;} .mgs-wrap .mgs-right{ float:right; width: 422px; padding:15px 70px 0 70px; box-sizing: border-box;} .mgs-tit{ font-size: 28px; color: #333; font-weight: bold; text-align: center;} .mgs-desc{ font-size: 14px; color: #666; line-height: 150%; margin-bottom: 10px; margin-top: 5px;} .mgs-input{ margin-bottom: 15px; position: relative;} .mgs-bt a{ cursor: pointer;} .mgs-input em { position: absolute; right: 15px; top: 12px; color: #999; font-size: 16px; } .mgs-close{ width: 44px; height: 44px; /**/position: absolute;background: url(../image/close2.png) 0 0 no-repeat; right:-52px; top: -44px; margin: 0 auto;} .sels-house{ margin-bottom: 10px; text-align: center;} .sels-house label span{border:none; box-shadow: -2px 0 2px rgba(0,0,0,0.06), 2px 0 2px rgba(0,0,0,0.06), 0 -2px 2px rgba(255,255,255,0.06), 0 2px 2px rgba(0,0,0,0.06); background: #ffffff; color: #333; border-radius:40px; display: inline-block; padding: 0 15px; height: 40px; line-height: 40px; cursor:pointer; width: 46%; margin: 0 2%; box-sizing: border-box;} .sels-house label input{ display: none;} .sels-house label input:checked+span{ background: #ed6d00;border:none; color: #fff; position: relative; z-index: 2;} .sels-house label input:checked+span:before{content:""; margin-right:6px; border:none; width:6px; height: 6px; border-radius:6px; display: none; } .sels-house3 { color: #fff;} .sels-house label:nth-child(2){ margin-left: -50px;} /*咨询弹出层结束*/ /*口碑*/ .layout { position: relative; margin-right: -20px; padding-bottom: 40px; font-size: 0; line-height: 0; overflow:hidden; } .layout .item,.layout .core { /* width: 20%;*/ width: 25%; box-sizing: border-box; padding-right: 20px; padding-bottom: 20px; position: absolute; } .layout .item img,.layout .core img{ max-width: 100%; height: auto; border: 1px solid #ccc;} /*关于我们滚动*/ .contr-bt{text-align:center; font-size: 22px; color: #666;} .contr-bt *{font-style:normal; } #certify .swiper-wrapper{padding-top: 30px;} #certify { position: relative; width: 100%; margin: 0 auto; overflow: hidden; } #certify .swiper-pagination{ display: none;} #certify .swiper-slide{ display: table;} #certify .swiper-slide .item-pic{ display: table-cell; vertical-align: middle; width: 100%; text-align: center;} #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 400px; height: 408px; background: #fff; box-shadow: 0 8px 30px #ddd; } #certify .swiper-slide img{ display:inline-block; } #certify .swiper-slide .item-pic{ height: 335px;} #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; /* background: url(../images/wm_button_icon.png) no-repeat;*/ background-position: 0 0; background-size: 100%; display: none; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; /* background: url(../images/wm_button_icon.png) no-repeat;*/ background-position: 0 -93px; background-size: 100%; display: none; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } .contr-bt{ text-align: center;} .contr-bt i{ display: inline-block; min-width:140px; text-align: center;} .contr-bt a{ vertical-align: middle; width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: url(../image/left_1.jpg) center center no-repeat; background-size: 100% auto; cursor:pointer;} .contr-bt a:hover{background: url(../image/left_10.jpg) center center no-repeat;} .contr-bt a.next20{background: url(../image/left_2.jpg) center center no-repeat; } .contr-bt a.next20:hover{background: url(../image/left_20.jpg) center center no-repeat; } /*发展历程*/ .md-evt-inner{ overflow: hidden; padding: 0 10px;} .mod-evt{ position: relative; height: 540px; overflow: hidden; padding-left: 65px; padding-right: 65px; } .mod-evt .item-cell{ float:left; position: relative;/* width: 25%;*/ width: 330px; height: 270px!important; margin-left: -165px; box-sizing: border-box; z-index: 5; } .mod-evt .item-0{ margin-left: 0;} .mod-evt .item-2{ margin-top: 270px;} .mod-evt .item-year{ color:#333; font-size:20px; font-weight: bold; margin-bottom: 5px;} .mod-evt .item-cell .item-inner{ width: 240px; margin: 0 auto;} .mod-evt .item-cell .item-cnt{ font-size: 16px; color: #333; line-height: 150%;} .mod-evt .item-pic img{ width: 240px; height: 140px;} .mod-evt .item-cell:after{ left:0; top:0; position:absolute; content: ""; display: block; width: 2px; background:#666; bottom:0; z-index:8;} .mod-evt .item-cell:before{left:-10px; top:260px; position:absolute; content: ""; display: block; background: #ef7e1e; border-radius:14px; width: 14px; height: 14px; z-index: 12; border:4px solid #fad8bb; } .mod-evt .item-2:before{ top: -10px;} .mod-evt:after{ position: absolute; top: 50%; margin-top:-2px; left: 10px; right: 10px; content: ""; display: block; height: 2px; border-bottom: 2px solid #666;} .mod-evt .item-2{ padding-top: 20px;} .evt-bt-r,.evt-bt-l{ width: 55px; height: 55px; background:url(../image/arr_l1.png) center center no-repeat; position: absolute; left: 0; top: 245px; z-index: 99; cursor: pointer;} .evt-bt-r{ right: 0; left: auto;background:url(../image/arr_r1.png) center center no-repeat; } .mod-evt .swiper-wrapper{ display:block; position: relative;} .mod-evt .swiper-container{ overflow:visible;} .mod-evt .swiper-container .swiper-wrapper .swiper-slide{ height:270px!important; } /*荣誉资质*/ .layers-inners{ padding: 30px;} .horlists-wrap{margin-right: -2.33%; } .horlists-wrap .item-cell{ height: 232px; overflow: hidden;width: 31%; margin-right: 2.33%; float: left; margin-bottom: 2.33%;} .horlists-wrap .item-cnt{ } .horlists-wrap .item-pic {} .horlists-wrap .item-pic img{ display: block;height:auto; max-width:100%;} .horlists-wrap .item-tit *{ } .horlists-wrap .item-tit{ } /*新闻最终*/ .newsInfo { padding: 30px; /* min-height: 300px;*/ /* _heihgt: 300px;*/font-size: 16px; } .newsInfo h1 { font-size: 24px; font-weight:normal; text-align: center;color:#111; font-weight: bold; position: relative; line-height: 120%; position: relative; padding-bottom: 20px; margin-bottom: 10px; } .newsInfo h3:after{ content:""; background: #ce9b59; height: 3px; width: 60px; margin-left: -30px; left: 50%; position: absolute; bottom: 0;} .newsInfo .source { /* border-bottom: 1px solid #ededed*/ /* border-bottom: 1px solid #ededed;*/ } .newsInfo .source ul { text-align: center;padding: 0 15px; margin-bottom: 20px;/*border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;*/} .newsInfo .source li.ic-1{ color: #ed2326; border-right: 1px solid #999;} .newsInfo .source li { display: inline-block; padding: 0 10px; line-height: 14px; min-height: 14px; color: #999999; font-size: 14px; } .newsInfo .source li span{color: #666;} .newsInfo .content { margin: 10px 0 0 0; min-height:100px; _height:100px; } .newsInfo .content p, .newsInfo .content *, .newsInfo .content { /*line-height:30px;*/ line-height: 200%; color: #666; } .newsInfo .content p{padding: 0 0 1em 0; /*text-indent: 2em; */} .newsInfo .content img,.article .content img{ display:inline-block; margin: 0 auto; max-width: 100%; height: auto;} .news-prev-next { margin: 0 auto; margin-top: 40px; padding: 20px 0 10px 0; border-top: 1px solid #dbdbdb; position: relative; } .news-prev-next ul { font-size: 16px; line-height: 36px; } .news-prev-next .go-back { position: absolute; top: 25px; right: 0; width: 140px; text-align: center; line-height: 36px; border-radius: 36px; background-color: #333; color: #fff!important; font-size: 16px; } .news-prev-next .go-back a{ display: block; height: 36px; cursor: pointer;} .news-prev-next .go-back a:before{background:url(../image/msicon.png) 0 2px no-repeat; background-size: 18px auto;content:""; width: 18px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 12px; position: relative; top: -2px;} .news-prev-next a:hover{ color: #ce9b59;} .news-prev-next .go-back a{color: #fff} /* ------------------------------ 大事记 ------------------------------ */ .mod-event { position: relative; padding: 40px 0; } .mod-event .mid-line { position: absolute; left: 50%; height: 100%; width: 1px; border-right: 1px solid #eee; top: 0; } .mod-event .item-cell { width: 46%; box-sizing: border-box; background: #f9f9f9; /* border-bottom: 1px solid #999;*/ margin-bottom: 20px; padding: 20px 15px; float: left; clear: both; position: relative; } .mod-event .item-tit { padding: 0 0 0 0; /* line-height: 27px;*/ color: #333; font-size: 16px; line-height: 120%; position: relative; z-index: 8; margin-left: 220px; min-height: 117px; } .mod-event .item-2 { float: right; position: relative; min-height: 140px;} .mod-event .item-tit .mdtable{ display: table; min-height: 117px;} .mod-event .item-tit .mdtd{display: table-cell; vertical-align: middle;height: 100%;} .mod-event .item-pic { overflow: hidden; width: 200px; height: 117px; float: left; } .mod-event .item-2 .item-pic { position: absolute!important; right: 15px; top: 20px;} .mod-event .item-2 .item-tit{margin-left: 0; margin-right: 220px;} .mod-event .item-date { position: absolute; right: -180px; width: 146px; height: 34px; line-height: 34px; font-size: 20px; color: #000; font-weight: bold; top: 50%; margin-top: -17px; /* background: url(images/line7.jpg) -95px center no-repeat;*/ } .mod-event .item-date:after{ left: -9px; top: 6px; position: absolute; content: ""; display: block; background: #ef7e1e; border-radius: 14px; width: 14px; height: 14px; z-index: 12; border: 4px solid #fad8bb;} .mod-event .item-2 .item-date:after{right: -10px; left: auto; } .mod-event .item-nopic .item-tit{ margin-right: 0;} .mod-event span { display: block; /* background: url(../images/process_bg.png) 65px 0 no-repeat;*/ text-align: right; } .mod-event .item-2 .item-date { right: auto; left: -180px; } .mod-event .item-cell span { animation-name: zoom; animation-duration: 2s; animation-timing-function: ease-out; animation-iteration-count: infinite; background-size: 20px 20px; background-position: 62px 10px; } .mod-event .item-2 span { text-align: left; background-size: 20px 20px; background-position: 67px 10px; } .mod-event .item-2 span { animation-name: zoom2; animation-duration: 2s; animation-timing-function: ease-out; animation-iteration-count: infinite; } .mod-event .item-2 .item-date { /* background: url(images/line7.jpg) 80px center no-repeat;*/ } /*招聘*/ .com-job { margin-top: 0; } .job-cells { margin-bottom:30px; padding-bottom:30px; border-bottom: 1px solid #eee;} .job-inners { padding-right: 0; } .job-cells .item-tit { font-size: 20px; } .job-cells strong { display: block; padding: 15px 0 10px 0; } .job-cells .item-desc { line-height: 28px; } /*网站地图*/ .siteMap { /* margin-top: 30px;*/ } .siteMap ul li { border-top: 1px dashed #e7e7e7; padding: 30px 0 20px 0; zoom: 1; overflow: hidden; } .siteMap ul li:after { display: table; clear: both; content: ""; font-size: 0; line-height: 0; } .siteMap ul li h2 { float: left; overflow: hidden; min-width: 130px; } .siteMap ul li h2 .cn { font-weight: bold; display: block; font-size:18px; color: #ed6d00; } .siteMap ul li h2 .en { font-size: 14px; display: block; color: #ab0000; display: none; } .siteMap ul li ul { float: none; overflow: hidden; } .siteMap ul li ul li { border: none; padding: 0; float: left; margin-bottom:5px; } .siteMap ul li ul li a { font-size: 16px; color: #555; min-width: 100px; padding-left: 20px; display: block; } .siteMap ul li ul li a:hover { color: #ed6d00; } .article{ font-size: 16px;} /*联系我们地图*/ #dituContent .iw_poi_title {color:#ed6d00;font-size:18px!important;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap; font-weight: bold;} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} #dituContent img{ max-width: none; } #dituContent img{ max-width:none;} /*.BMap_Marker>div{background:url(../images/us_mk_icon.png) no-repeat;} .BMap_Marker>div>img{ display: none!important;} .BMap_Marker.BMap_noprint{ display: none!important;}*/ #dituContent *{ font-size: 14px!important;} @media screen and (max-width: 480px) { #dituContent{ height: 350px!important} } .nodata-tips{ color:#ed6d00; overflow: hidden;font-size: 18px;background: url(../image/search-no-data.png) center 150px no-repeat; text-align: center; padding-top: 320px; background-size: auto 150px;} .page404{ color:#ed6d00; overflow: hidden;font-size: 18px;text-align: center; background-size: auto 150px;} /*内页顶部导航*/ .mod-tpnav{ padding-left: 20px; border-bottom: 5px solid #f8f8f8; line-height: 50px;} .mod-tpnav a{ color: #999; position: relative;font-size: 16px;line-height: 50px; display: inline-block; margin: 0 15px;font-weight: bold; } .mod-tpnav a.cr{ color: #ed6d00; } .mod-tpnav a.cr:after{ content: ""; position: absolute; left: 0; right: 0; border-bottom:3px solid #ed6d00; display: block; bottom: -5px; } .mod-tpnav a:hover{color: #ed6d00;} /*手机端底部开始*/ .items-priceinfos1{font-size: 12px!important; color: #999;} .style-roll .items-priceinfos1{ font-size: 12px; color: #fff;} .mymap-left{ float:left; width:668px;} .mymap-left img{ display: block;} .mymap-right{ margin-left: 688px;} .mobile-bom-box{ display: none;} /*新加地图*/ .index-map{ background:#f6f6f6;} .items-messagenote{ text-align: center; color: #999; font-size: 12px;} .mymap-roll{ padding: 40px 40px 30px 40px; position: relative;} .mymap-roll .item-tit{ font-size: 24px; margin-bottom: 5px;} .mymap-roll .item-descs span{ width: 160px; display: inline-block; text-align: center;height: 36px; line-height: 36px; font-size: 15px; background: #fff; border-radius: 36px; color: #333; margin-right: 10px;} .mymap-roll .cont-us a{ background: #ed6d00; display: inline-block; width: 265px; height: 46px; line-height: 46px; border-radius:50px; text-align: center;color: #fff; font-size: 16px; } .mymap-roll .item-addr{ font-size: 18px; margin: 40px 0 35px 0; min-height: 110px;} .mymap-roll .it-tel{ padding-left: 40px;background: url(../image/tel1.png) 0 3px no-repeat; margin-bottom: 15px;} .mymap-roll .it-adrr{ padding-left: 40px;background: url(../image/tel2.png) 0 3px no-repeat;} .mymap-right{ height: 400px; position: relative;} .mymap-right .it-btnl,.mymap-right .it-btnr{ bottom: 40px;} .mymap-right .it-btnr{ right: 95px;} .mymap-right .it-btnl{ right: 40px;} .index-process{background: url(../image/mapsbg5.jpg) center center no-repeat; background-size: cover; height: 320px;} .index-process .com-tit3 h3{ color: #fff;} .index-process .com-tit3 h4{ opacity: 0.4} .mod-topstep2{ overflow: hidden; margin-right: -1.5%; overflow: hidden;} .mod-topstep2 .item-cell{ width: 11%; height: 140px; background:rgba(255,255,255,.5); margin-right: 1.5%; float: left; text-align: center; position: relative;} .mod-topstep2 .item-cell .item-pic{ height: 48px; margin-top: 25px; position: relative; overflow: hidden;} .mod-topstep2 .item-cell .item-pic img{ position: absolute; left: 50%; margin-left: -24px; bottom: 0;} .mod-topstep2 .item-cell .item-cnt{ font-size: 16px; color: #fff; margin-top: 12px;} .mod-topstep2 .item-cell:after{ content: ""; position: absolute; right: -14px; display: block; width: 8px; height: 15px;background: url(../image/arrs1.png) 0 center no-repeat; top: 50%; margin-top: -8px;} .mod-topstep2 .item-cell:nth-last-child(1):after{ display: none;} .index-process+.H50{ display:none;} .box-layers .sels-house label:nth-child(2){ margin-left: -35px;} .box-layers .mgs-input{margin-bottom: 10px;} .box-layers .sels-house label span{ width: 50%;} @media screen and (max-width: 480px) { .r-fixed,.bom-fixeds{display:none;} .mobile-bom-box{display:block; height:65px; position: relative; z-index: 999;} .mobile-bom-box .bom-inner{ position: fixed; width: 100%; left: 0; bottom: 0; height: 65px;box-shadow: -5px 0 5px rgba(0,0,0,0.06), 5px 0 5px rgba(0,0,0,0.06), 0 -5px 5px rgba(255,255,255,0.06), 0 5px 5px rgba(0,0,0,0.06);display:-webkit-box; display:box; -webkit-box-pack:center; -moz-box-pack:center; ; -webkit-box-align:center; -moz-box-align:center; background: #fff; } .mobile-bom-box .bom-inner>*{-moz-box-flex:1.0; /* Firefox */ -webkit-box-flex:1.0; /* Safari 和 Chrome */ box-flex:1.0; display: block; text-align: center; font-size: 14px;} .mobile-bom-box .bom-inner a{ padding-top:20px; margin-top: 10px; height:30px; display:block; background:url(../image/lico1.png) center 0 no-repeat; background-size:20px auto; color: #666666; font-size: 12px;} .mobile-bom-box .bom-inner .b-ico0 a{background:url(../image/mico11.png) center 0 no-repeat; background-size:18px auto;} .mobile-bom-box .bom-inner .b-ico1 a{background:url(../image/mico1.png) center 0 no-repeat; background-size:18px auto;} .mobile-bom-box .bom-inner .b-ico2 a{background:url(../image/mico10.png) center 0 no-repeat; background-size:18px auto;} .mobile-bom-box .bom-inner .b-ico3 a{background:url(../image/mico9.png) center 0 no-repeat; background-size:18px auto;} .mobile-bom-box .bom-inner .b-ico4 a{background:url(../image/mico4.png) center 0 no-repeat; background-size:18px auto;} /*.mobile-bom-box .bom-inner .b-ico2 a{background:url(../images/tel.png) center 0 no-repeat; background-size:18px auto;} .mobile-bom-box .bom-inner .b-ico3 a{background:url(../images/kfnic1.png) center 0 no-repeat; background-size:20px auto;} .mobile-bom-box .bom-inner .b-ico4 a{background:url(../images/lico3.png) center 0 no-repeat; background-size:18px auto;}*/ .nodata-tips{ background: url(../image/search-no-data.png) center 80px no-repeat; text-align: center; padding-top: 190px; background-size: auto 100px; font-size: 15px;} } /*手机端底部结束*/ /*专题一*/ .mode-banner3{ width:100%; position:relative; overflow:hidden;} .banner-cnt3{ float:left; position:relative; right:50%;} .mode-inner3{float:left; position:relative; left:50%;} .mode-inner3 .md-pc img{ max-width: none; display: block;} .H80{ height: 80px;} .topicbanner img{max-width:100%; height:auto;} .wrap-layer2{ max-width:1200px; margin:0 auto; width: 100%;} .active-bg{background: url(../image/abg.jpg) center 0 repeat-y;} .ac-tit{ text-align: center;} .img-dust img{ max-width: 100%!important; height: auto;} .ac-tit{ text-align: center; } .ac-mgs{ background: #292929; margin-top:20px; overflow: hidden; padding-top: 40px; padding-bottom:40px;} .ac-l{ width: 520px; float: left; margin-left: 50px;} .atit{ font-size: 36px; color: #fff; text-align: center;font-weight: bold;margin-bottom: 10px;} .ac-r{ width: 505px; margin-right: 52px; float: right;} .finput input{ font-size: 22px; background: #f1f1f1; height: 70px; box-sizing: border-box; border: none; width: 100%; padding: 0 0 0 55px;} .finput{ margin-bottom: 20px;} .f-bts{ padding-top: 10px;} .f-bts a{ cursor: pointer;width: 526px; height: 79px; display: block; text-align: center; line-height: 79px;background: url(../image/abt1.png) center 0 no-repeat; font-size: 39px; color: #fff;} .clients-rolls{background: url(../image/abg2.jpg) 0 0 no-repeat; width: 503px; height: 324px; } .clients-rolls li { font-size: 16px; margin-bottom: 5px;} .clients-in{ padding: 50px 40px 20px 65px;} .fico1 input{background:#f1f1f1 url(../image/acico1.jpg) 15px center no-repeat;} .fico2 input{background:#f1f1f1 url(../image/acico2.jpg) 15px center no-repeat;} .fico3 input{background:#f1f1f1 url(../image/acico3.jpg) 10px center no-repeat;} .abt2 a{ display: block; width: 688px; height:107px; line-height: 107px; color:#fff; background:url(../image/abt2.png) center center no-repeat; text-align: center; margin: 0 auto; font-size: 54px; font-weight: bold; animation: ans 1.5s infinite ; } .wraps-bt2{ padding-top: 20px;background: url(../image/abg20.jpg) center 0 repeat-y;} @keyframes ans{ 0%{transform: scale(1);-webkit-transform: scale(1);} 33.3%{transform: scale(1.1);-webkit-transform: scale(1.1);} 100%{ transform: scale(1);-webkit-transform: scale(1);} } /*弹出层视频*/ .ab-video,.ab-video *{ cursor: pointer;} .modvideo-layer{ position: fixed; left:0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,.9); z-index: 9999999999; display: block; display: none;} .modvideo-layer .md-tables{ display: table; width: 100%; height: 100%;} .modvideo-layer .m-td{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;} #md-videos2{ margin: 0 auto; max-width: 900px;} #md-videos2 .video-txt{ position: static; margin-top: 50px;} .video-close{ cursor: pointer;position:fixed; color: #fff; font-weight: normal;z-index: 99; right:40px; top: 40px; background:url(../image/close3.png) center center no-repeat; width:45px; height: 45px;} .modvideo-layer video { object-fit:fill; } .mods-contacts{ margin-right: -2%; padding-bottom: 10px; overflow: hidden;} .mods-contacts .item-cell{ border: 1px solid #eee; width: 48%; margin-right: 2%; margin-bottom: 20px; box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1); min-height: 154px; float: left; box-sizing: border-box; padding: 20px 20px 10px 20px; border-radius: 5px; } .mods-contacts .item-tit{ font-size: 18px; color: #000; margin-bottom:5px;} .mods-contacts .item-desc{ color: #666; font-size: 14px;} .vrico{ position: absolute; left: 50%; top: 50%; z-index: 2; transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);} .vrico a{ width: 46px; height: 46px; border-radius:46px; overflow: hidden;display: block;background:#ec6c00 url("../image/vr_ico.png") 0 4px no-repeat; background-size: 100% auto; cursor: pointer;} .vrico+a:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: rgba(0,0,0,.3)} /*专题2*/ .wrap-layer3 { max-width: 1200px; margin: 0 auto; width: 100%; box-sizing: border-box; } .mods-yhq{ position: absolute; top: 35px; left: 0; right: 0;} .mys-mgs{ /*height: 267px;*/ background: #b8162c; margin-top: 10px;} .itxt{ text-align: center; padding-top:50px; margin-bottom:25px;} .ac-l2{ text-align: center;} .ac-l2 .finput{ width: 433px; display: inline-block; margin-right: 20px;vertical-align: top;} .ac-l2 .f-bts2{ display:inline-block; vertical-align: top; cursor: pointer;} .ac-l2 .finput input{ height: 60px; background: #fff url(../image/ic1.jpg) 15px center no-repeat;} .ac-l2 .fico2 input{ background: #fff url(../image/ic2.jpg) 15px center no-repeat;} .ac-l2 .f-bts2 *{ cursor: pointer;} .ac-l3{ margin-top: 65px; margin-bottom: 0;} .ac-l3 .finput{ border: 1px solid #717171; width: 390px;} .mytoplinks .item-cell{ float: left;} .mytoplinks .item-2{ float: right;} /*专题3*/ .ac-l5 .finput input{ height: 80px; font-size: 28px;} .ac-l5 .finput{ width: 440px; } .ac-l5 .fico2{ margin-right:0;} .ac-l4{ margin-top: -160px; position: relative; z-index: 2; margin-bottom: 160px;} .ac-l4 .finput input{ height: 80px; font-size: 28px; border-radius:20px } .ac-l6{ margin-top:0; margin-bottom: 0; padding-bottom: 30px; padding-top: 20px;} .ac-wrap{ background:#01313f;} .ac-l6 .finput{ width: 400px;} .topic3mores{ position: absolute; left: 0; right: 0; z-index: 4; top:2375px; } .topic3mores a{width: 240px; height: 60px; cursor: pointer;display: block; overflow: hidden; line-height: 9999px; float: right; margin-right:190px;} .dust img{ display: block;} .brands{ margin-top: 15px;} /*banner图切换*/ .swiper-roll-1{ max-height: 625px; overflow: hidden;} .swiper-roll-1 .swiper-pagination{ position: absolute; bottom:15px; left: 0; right: 0;} .swiper-roll-1 .swiper-pagination{ text-align: center; margin-top: -5px;} .swiper-roll-1 .swiper-pagination span{ opacity: 1!important; display: inline-block!important; width: 20px; height: 5px; background: #e5e5e5!important; margin: 0 2px; border-radius:0; } .swiper-roll-1 .swiper-pagination span.swiper-active-switch,.swiper-roll-1 .swiper-pagination span.swiper-pagination-bullet-active{ background: #ed6d00!important; } .ac-mgs20{ margin-top: 0;} .ac-mgs20 .clients-rolls{ background: none; color: #626262; position: relative; } .ac-mgs20 .clients-rolls:after{ border:2px dashed #cdcdcd; position: absolute; content: ""; left: 30px; top: 10px; right: 30px; bottom:10px; display: block;} /*专题4*/ .mg-wraps{ background:#c328a7; } .topicbanner img{ display: block;} .active-bg8 .ac-mgs{ margin-top: 0;} .mode-activ4{ margin-top:-200px;} .ac-mgs{ z-index: 2; position: relative;} .act4-bt{ position: absolute; left: 0; right: 0; bottom: 100px; text-align: center;} .act4-bt a{ cursor: pointer;} .act4-bt2{bottom: 140px;} .act4-bt3{bottom: 30px;} .act4-bt4{ background: #c328a7; text-align: center; padding-top: 20px; padding-bottom: 50px;} .act4-bt4 a{ cursor: pointer;} .img-dust img{ display: block;} /*二次修改家居体验店*/ .mymap-right{ margin-left: 0; height: 400px;} .mymap-roll{ padding:0;} .mymap-roll .item-pic{ width:50%; float:left; height: 400px!important; } .mymap-roll .item-cnt{ margin-left: 50%; padding: 40px 40px 30px 40px;} .mymap-roll .cont-us a{ width: 190px; margin-right: 22px;} .mymap-right .it-btnl, .mymap-right .it-btnr{ top: auto;} .mymap-roll .item-addr{ margin-bottom: 0;} .mymap-right .it-btnr{right: 83px;} .addr-ad{ margin-top: 40px;} .tip2{ color: #999; text-align: center;} .cal-img{ display: none; } .mod-cal{background: #f3f4f6!important;} .modadvs2 .auto-img{ height: 480px!important; overflow: hidden;} .modadvs2 .aditem-1,.modadvs2 .aditem-2{height: 480px!important;} /*专题5*/ .active-bg9{ background: #e72d43;} .act-inner{ box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); max-width: 1100px; margin:30px auto 0 auto; background: #d52224; border-radius: 15px; padding:55px 25px 25px 25px; box-sizing: border-box; width: 100%;} .t5-btit{ text-align: center;} .active-bg9 .ac-mgs{ background:none; } .active-bg9 input{ border-radius:56px; } .active-bg9 .finput input{ height: 56px; font-size: 20px; padding-left: 70px;} .active-bg9 .fico1 input{ background:#fff4ef url(../image/topic5_ico1.png) 30px center no-repeat} .active-bg9 .fico2 input{ background:#fff4ef url(../image/topic5_ico2.png) 30px center no-repeat} .active-bg9 .fico3 input{ background:#fff4ef url(../image/topic5_ico3.png) 30px center no-repeat} .active-bg9 .ac-l{ width:435px; margin-left: 0; margin-left: 10px; } .active-bg9 .finput{ margin-bottom:10px;} .active-bg9 .ac-r{ background:#bb383a; height:320px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); margin-right: 0; margin-right: 10px; border-radius: 10px; } .active-bg9 .clients-rolls{ background: none;} .active-bg9 .clients-rolls li{ color: #fff; font-size:24px; margin-bottom: 0;} .active-bg9 .atit{ font-weight: normal;font-size:24px; border-bottom:1px dotted #ffffff; width:375px; margin:0 auto; padding-top:15px; padding-bottom:10px; } .active-bg9 .clients-in{ padding:30px 20px 20px 20px;} .active-bg9 .f-bts a{background: url(../image/topic5_btn.png) no-repeat; width: 347px; height: 61px; line-height: 800px; overflow: hidden; margin: 0 auto;} .mstips2{ text-align: center; font-size: 14px; margin: 15px 0; text-align: center; color: #fff; opacity: .8;} .myact4-bt{ text-align: center;} .active-bg9{ padding-bottom:35px; } /*专题6*/ .active-bg10 .act-inner{ margin-top: 0; background: none;box-shadow: none; padding-top: 1px;} .active-bg10 { background: url(../image/topic6bg.jpg) center 0 no-repeat; padding-bottom: 0; margin-bottom: 0;} .active-bg10 .act-inner{ padding-bottom: 0; } .active-bg10 .ac-mgs{ padding-top: 0; padding-bottom: 0;} .active-bg10 .f-bts a{background: url(../image/topic_bt6.jpg) center 0 no-repeat;} .active-bg10 .ac-r{ background: #fff;} .active-bg10 .atit{ color: #fa3201; border-bottom:1px dashed #1c1c1c} .active-bg10 .clients-rolls li{ color: #666;} .active-bg10 .clients-in{ padding-left: 30px;} .topic6-bt{background:#fa2949 url(../image/tp6bg2.jpg) center 0 no-repeat; text-align: center; height: 230px;} .topic6-bt2{background:#fa2949 url(../image/tp6bg3.jpg) center 0 no-repeat; text-align: center; height: 308px;} .active-bg11{background:#fa2949 url(../image/tp6bg4.jpg) center 0 no-repeat;height: 425px;} .modelists5 .features { line-height: 150%;} .modelists5 .features span{ padding: 0 5px; display:inline-block; line-height: 20px; color:#f36b00; background: #fef4ea; border: 1px solid #f36b00; border-radius:4px; margin-right:4px; margin-top: 5px; white-space: nowrap; font-size: 12px;} .modelists5 .modes-desc{ margin-top: 5px;} .modelists5 .item-cnt{ padding-top: 15px;} .house-r2 .features{ margin-top:8px;} .house-r2 .features span{ padding: 0 5px; display:inline-block; line-height: 20px; color:#f36b00; background: #fef4ea; border: 1px solid #f36b00; border-radius:4px; font-weight: normal;margin-right:4px; margin-top: 5px; white-space: nowrap; font-size: 12px;} .house-r .houses-desc{ min-height:70px;} /*新加*/ .combgs{background:url(../image/bdbg.jpg) center 0 no-repeat;} .combgs.active-bg9 input{background-color:#fff!important;} .combgs .mstips2{ color: #999;} .combgs .f-bts a{ line-height: 60px; background:#ff6604; background-image: linear-gradient(#ff8918, #ff6101); border-radius:60px; font-size: 30px; } .combgs .f-bts a span{ padding-left:35px;background:url(../image/ticon.png) 0 center no-repeat;} .cms-bt{ text-align: center;background:url(../image/bg8.jpg) 0 center no-repeat;} .cms-bt img{ cursor: pointer;} .combgs{ height: auto; } .combgs .active-bg10 .ac-r{ } .topic9-bg{ background:#d93534 url(../image/bg.jpg) center 0 no-repeat; } .combgs2{background:url(../image/bg2.png) center 0 repeat-y;} .btbg{ background: none;} /*专题10*/ .combgs3{ background: #fff9f3; padding-bottom: 40px;} .combgs3 .atit{ color: #910f42;} .combgs3 .f-bts a {background: #910f42;background-image: linear-gradient(#fa0143, #72235d);} .combgs3.active-bg9 input{ box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);} .active-bg11.combgs3{ background: #e9e0db;} .comtop10-bt{ position: absolute; left: 50%; margin-left: -443px; top:85px;} .comtop10-bt a{ cursor: pointer;} /*专题11*/ .bgtopic11{background:#405b86 url(../image/body_bg.jpg) center 0 no-repeat; } .combgs4{ background: none; padding-bottom: 40px;} .combgs4 .f-bts a{background: #dd6543!important;background-image: linear-gradient(#dd6543, #b15135)!important;} .combgs4 .atit{ color: #1b4282;} .combgs4 .mstips2{ color: #fff;} .intrs-cnt{ height: 185px; overflow-y: auto; padding-right: 30px; text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .intrs-cnt p{ line-height: 180%;} .mds-about .item-cnts{ padding-top:0;} @media screen and (max-width: 480px) { .intrs-cnt{ height: 210px;} .intrs-cnt{ margin-top: 15px;} .intrs-cnt p{ line-height: 150%; font-size: 15px;} .intrs-cnt{ padding-right: 20px;} .mode-activ4{ margin-top:-10px; } .act4-bt{ bottom:8px;} .act4-bt img,.act4-bt4 img{ max-width: 50%!important;} .act4-bt2{bottom:24px;} .act4-bt3{bottom:-2px;} .act4-bt4{ padding-top: 20px; padding-bottom: 0;} .ac-mgs20 .clients-rolls{ position: absolute;} .ac-mgs20 .clients-rolls:after{ display: none;} .mods-contacts .item-tit{ font-size:15px } .mods-contacts .item-cell{ width: 100%; min-height: 0; padding: 20px;} .mods-contacts .item-desc{} .ac-tit2{ display: none;} .ac-l,.ac-r{ width: auto; margin: 0; float: none;} .wrap-layer2{ margin: 0 8.5%; width: auto;} .atit{ font-size: 16px;} .ac-mgs{ padding-top: 10px; margin-top: 0; padding: 15px 15px;} .clients-in{ padding: 10px;} .clients-rolls{ background: none;} .clients-in li { color: #fff; font-size: 14px; margin-bottom: 2px;} .ac-r .atit{ display: none;} .f-bts{ text-align: center; margin: 0 auto;margin-top:80px; } .f-bts a,.abt2 a{ font-size: 16px; margin: 0 auto;line-height: 40px; width: 205px; height: 40px; background-size: 100% 100%; } .finput input{ font-size: 14px; background: #fff; padding: 0 10px; height: 40px; line-height: 40px; } .clients-rolls{ height: auto;} .abt2 a{ border-radius: 40px;} /*专题2*/ .mods-yhq{ top: 0;} .wrap-layer3{ padding: 0 15px;} .mys-mgs{ margin-top: -10px;} .ac-l2{ width: 60%; margin: 0 auto; padding-top: 20px;} .ac-l2 .finput{ width: 100%; box-sizing: border-box;} .ac-l2 .finput input{ height: 40px; background-size: auto 20px!important; line-height: normal; padding-left: 40px; border-radius:0; } .ac-l2 .fico1 input{background-size: auto 22px!important;} .f-bts2{ margin: 0 0;} .mys-mgs{ height: auto; padding-bottom: 20px;} .ac-l3{ padding-top: 0;} .mytoplinks .item-cell{ width: 48%;} .ac-l5{ margin-top:30px;} .ac-l5 .finput input{ font-size: 16px;} .f-bts2 { overflow: hidden;} .f-bts2 img{ height: 40px!important; max-width: none; width: auto;} .f-bts25 img{margin-left: -35px;} .ac-l5 .finput{ margin-right: 0} .ac-l5{ width: 280px; overflow: hidden;} .topic3mores{ top: auto; bottom: 10px; } .topic3mores a{margin-right: 0; width: 180px;} .ac-l7,.ac-l6{ display: none;} .f-bts20{ text-align: center; padding: 20px 0;} .f-bts20 img{margin-left: 0;} .active-bg10 .clients-rolls li{ color: #fff;} .topic6-bt{ height: auto; padding-top: 10px;} .topic6-bt img{ max-width: 70%;} .active-bg11{ height: auto;} .combgs{background:url(../image/mbdbg.jpg) center 0 no-repeat; background-size: 100% 100% ;} .combgs2{background:url(../image/bg2.png) center 0 repeat-y;background-size: 100% 100% ;} .combgs .clients-rolls li{ color: #666;} .combgs .f-bts a span{ font-size: 16px; background-size: auto 20px!important; padding-left: 20px; } .combgs .f-bts a{ line-height: 45px; background:#ff6604; background-image: linear-gradient(#ff8918, #ff6101); border-radius:45px; font-size: 18px; height: 45px; } .active-bg11.combgs{background-size: 101% 100% ;} .combgs .clients-rolls{ margin-top: 20px;} /*专题10*/ .comtop10-bt{ left: 0; margin-left: 0; top:4%;} .img-dust2 img{ max-width: 140%!important; margin-left: -20%;} .combgs3{ background: #fff9f3; padding-bottom: 10px; padding-top:10px;} .combgs3 .f-bts a {background: #910f42;background-image: linear-gradient(#fa0143, #72235d);} .comtop10-bt img{ max-width: 62%;} .comtop10-bt{ left: 0; right: 0; text-align: center;} /*专题11*/ .combgs4{ background: none; padding-bottom:10px; padding-top: 10px;} .combgs4 .clients-rolls li{ color: #fff;} .bgtopic11 .img-dust{ margin: 0 15px;} }