@font-face { font-family: 'dinschriftregular'; src: url('fonts/dinengschrift-webfont.woff2') format('woff2'), url('fonts/dinengschrift-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*#menu > li#menu_index > a { color: #D4BB54; border-bottom: solid 2px #D4BB54; }*/ #banner { width: 100%; height: 550px; position: relative; float: left; } /*剙q告*/ .index-topLeft { width: 240px; height: 550px; padding: 20px 25px; float: left; background: #FEF0A4; } .index-topRight { width: 900px; height: 540px; float: left; margin-left: 10px; } .topRight-top { width: 900px; height: 330px; float: left; } .topRight-bottom { width: 900px; height: 200px; margin-top: 10px; float: left; } .topRight-top > .tRightTop-left { width: 670px; height: 330px; float: left; } .topRight-top > .tRightTop-right { width: 218px; height: 328px; float: left; background:#fff; margin-left: 10px; } .index-topLeft > .toplef-tap { height: 30px; } .index-topLeft > .toplef-tap > a { display: block; margin: 0 auto; text-align: center; height: 32px; width: 90px; font-size: 20px; font-weight: bold; cursor: pointer; color: #333; } .index-topLeft > .topleft-coupon { width: 240px; height: 108px; margin: 30px auto 40px; background: url(https://static.jtljia.com/images/system/index/index-coupon.jpg) center center no-repeat; } .index-topLeft > .coupon-title { position: relative; height: 1px; width: 230px; background: rgba(0,0,0,.2); margin: 0 auto 25px; } .coupon-title > .coupontitle-content { position: absolute; top: -20px; left: 35px; width: 160px; line-height: 20px; text-align: center; background: #FEF0A4; font-size: 14px; color: #5f5f5f; } .coupon-table > ul > li { position: relative; width: 100%; height: 40px; margin-top: 10px; } .coupon-table > ul > li > input { width: 90%; height: 40px; line-height: 40px; padding: 0 5%; font-size: 14px; color: #666; border: none; } .coupon-table > ul > li > .couponUnit { position: absolute; right: 0; top: 0; display: block; width: 40px; height: 40px; line-height: 40px; font-size: 14px; color: #666; text-align: center; } .coupon-table > ul > li > a.receivecoupon { display: block; width: 100%; height: 100%; line-height: 40px; text-align: center; font-size: 16px; color: #333; background: #FFD500; border-radius: 3px; cursor: pointer; font-weight:bold; } .coupon-table > ul > li > a.receivecoupon:hover { opacity: .9; } /*.index-topLeft > .coupon-number { position: relative; height: 40px; text-align: center; margin-top: 10px; padding: 0 10px; color: #666; font-size: 14px; } .coupon-number > div { float: left; } */ .coupon-number > .ctotal-number { font-size: 18px; } .coupon-number{ font-size:12px; color:#fff; text-align:center; line-height:38px; } /*.coupon-number > .ctotal-number > span { display: block; float: left; margin-right: 1px; width: 16px; height: 21px; line-height: 21px; background: #f77a00; border-radius: 2px; } .coupon-number > .ctotal-number > span:last-of-type { margin-right: 0; } .coupon-number > .ctotal-number > .number-line { position: absolute; width: 100%; height: 1px; background: rgba(255,255,255,.3); top: 10px; left: 0; }*/ .index-topLeft > .coupon-telephone { height: 27px; font-size: 14px; color: #4f2a1a; text-align: center; overflow: hidden; } .coupon-telephone > ul > li { height: 27px; line-height: 27px; text-align: center; } .coupon-telephone > ul > li > span { margin-left: 3px; margin-right: 3px; } .normal-complate { background: #fff; display: block; float: left; height: 40px; line-height: 40px; position: relative; z-index: 10; border: none; text-align: left; } .normal-complate cite { width: 95px; height: 40px; line-height: 40px; display: block; font-family: "微Y雅黑"; color: #666; cursor: pointer; font-style: normal; font-size: 14px; padding-left: 10px; padding-right: 10px; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat right 7px center; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .normal-complate ul { width: 119px; left: -1px; line-height: 30px; font-size: 12px; border: 1px solid #ddd; max-height: 152px; overflow-y: scroll; background: #fff; position: absolute; z-index: 200; margin-top: 1px; display: none; } .normal-complate ul li { width: 101px; height: 30px; line-height: 30px; color: #666; border-bottom: 1px solid #ddd; } .normal-complate ul li:last-child { border-bottom: none; } .normal-complate ul li a { display: block; width: 100%; height: 100%; line-height: inherit; color: #666; text-indent: 6px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .normal-complate ul li a:hover { color: #666; background: #f1f1f1; } .tRightTop-right > .rightTop-hot { position: relative; margin: 20px; text-align: left; } .tRightTop-right > .rightTop-hot > .hot-more { position: absolute; top: 0; right: 0; color: #666; } .tRightTop-right > .rightTop-hot > .hot-title { height: 30px; font-size: 16px; color: #333; font-weight: bold; } .tRightTop-right > .rightTop-hot > .hot-list { height: 120px; overflow: hidden; } .tRightTop-right > .rightTop-hot > .hot-list > a { display: block; width: 100%; height: 24px; line-height: 24px; font-size: 14px; color: #666; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tRightTop-right > .rightTop-hot > .hot-list > a:hover { color: #999; } .tRightTop-right > .rightTop-service { padding: 20px 0; height: 90px; border-top: 1px solid #dfdfdf; background:#fff; } .tRightTop-right > .rightTop-service > a { display: block; height: 70px; width: 72px; padding: 10px 0; float: left; text-align: center; cursor: pointer; } .tRightTop-right > .rightTop-service > a:nth-child(2) { border-left: 1px dashed #dfdfdf; border-right: 1px dashed #dfdfdf; } .tRightTop-right > .rightTop-service > a > .service-icon:nth-child(1), .tRightTop-right > .rightTop-service > a > .service-icon:nth-child(3) { width: 50px; height: 50px; margin: 0 auto; } .tRightTop-right > .rightTop-service > a > .service-icon.booking { width: 48px; height: 48px; margin: 0 auto 2px; } .tRightTop-right > .rightTop-service > a > .service-title { height: 30px; line-height: 30px; color: #666; font-size: 13px; } .tRightTop-right > .rightTop-service > a:hover > .service-title { color: #D5BB55; } .service-icon.measure { background: url('../../../images/index/icons-sjlf.png') center center no-repeat; width: 50px; height: 50px; } .service-icon.measure:hover { background-image: url('../../../images/index/icons-sjlf2.png'); } .service-icon.booking { background: url('../../../images/index/icons-yymd.png') center center no-repeat; width: 50px; height: 50px; } .service-icon.booking:hover { background-image: url('../../../images/index/icons-yymd2.png'); } .service-icon.retail { background: url('../../../images/index/icons-zyd.png') center center no-repeat; width: 50px; height: 50px; } .service-icon.retail:hover { background-image: url('../../../images/index/icons-zyd2.png'); } .topRight-bottom > ul > li { width: 293px; height: 200px; /*border: 1px solid #dfdfdf;*/ float: left; background-size: 100% 100%; -webkit-transition: all .2s linear; transition: all .2s linear; } .topRight-bottom > ul > li:hover{ box-shadow: rgba(0,0,0,0.1) 0 15px 30px; transform:translate3d(0,-2px,0); } /*.topRight-bottom>ul>li:nth-child(1){background: url(https://static.jtljia.com/images/system/index/index-advert1.jpg) center center no-repeat;} .topRight-bottom>ul>li:nth-child(2){background: url(https://static.jtljia.com/images/system/index/index-advert2.jpg) center center no-repeat;} .topRight-bottom>ul>li:nth-child(3){background: url(https://static.jtljia.com/images/system/index/index-advert3.jpg) center center no-repeat;} */ .topRight-bottom > ul > li > a { display: block; margin-top: 120px; margin-left: 40px; width: 90px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #666; border: 1px solid #999; border-radius: 2px; cursor: pointer; } .topRight-bottom > ul > li > a:hover { color: #999; } /*领取优惠?/ .coupons { position: relative; height: 160px; background: url(https://static.jtljia.com/images/system/coupons_01.jpg) no-repeat center center; } .favourate { position: relative; height: 122px; margin-top: 20px; background: url(https://static.jtljia.com/images/system/favourate_01.jpg) no-repeat center center; } .favourate > a { position: absolute; display: block; top: 35px; width: 137px; height: 52px; line-height: 52px; text-align: center; border-radius: 3px; cursor: pointer; } .favourate > a.coupons-buy { left: 478px; background: #fff url(https://static.jtljia.com/images/system/coupons_buy.png) no-repeat center center; } .favourate > a.coupons-receive { left: 1040px; background: #fff url(https://static.jtljia.com/images/system/coupons_receive.png) no-repeat center center; } .favourate > a:hover { opacity: 0.9; } /*程*/ .progress-title { width: 100%; margin-bottom:40px; } .progress-title .title{ font-size:30px;line-height:30px;text-align:center;width:100%;color:#000 } .progress-title .subtitle{ font-size:16px;text-align:center;width:100%;color:#999; padding-top:10px; } .progress-show { margin: 60px auto 0; float:left; } .progress-show > ul > li { width:184px; height:180px; margin-right:16px; box-sizing:border-box; border-radius:3px; float:left; text-align:center; font-size:16px; line-height:16px; transition:linear all 0.2s; } .progress-show > ul > li >a { padding-top:134px; box-sizing:border-box; display:block; width:100%; height:100%; color:#666; } .progress-show .service_item.yyfw { background: url('../images/icons-yyfw.png') center 40px no-repeat #fff; } .progress-show .service_item:hover{ transform:translate3d(0,-5px,0) } .progress-show .service_item.yyfw:hover { background: url('../images/icons-yyfw2.png') #D4BC55 center 40px no-repeat; } .progress-show .service_item.lcsj { background: url('../images/icons-lcsj.png') center 40px no-repeat #fff; } .progress-show .service_item.lcsj:hover { background: url('../images/icons-lcsj2.png') #D4BC55 center 40px no-repeat; } .progress-show .service_item.qdht { background: url('../images/icons-qdht.png') center 40px no-repeat #fff; } .progress-show .service_item.qdht:hover { background: url('../images/icons-qdht2.png') #D4BC55 center 40px no-repeat; } .progress-show .service_item.qrfa { background: url('../images/icons-qrfa.png') center 40px no-repeat #fff; } .progress-show .service_item.qrfa:hover { background: url('../images/icons-qrfa2.png') center 40px no-repeat #D4BC55; } .progress-show .service_item.hptj { background: url('../images/icons-hptj.png') center 40px no-repeat #fff; } .progress-show .service_item.hptj:hover { background: url('../images/icons-hptj2.png') center 40px no-repeat #D4BC55; } .progress-show .service_item.shfw { background: url('../images/icons-shfw.png') center 40px no-repeat #fff; } .progress-show .service_item.shfw:hover { background: url('../images/icons-shfw2.png') center 40px no-repeat #D4BC55; } .progress-show > ul > li:last-child{ margin:0; } .progress-show > ul > li:hover { border-color:#D4BC55; color:#fff; } .progress-show > ul > li:hover a{ color:#fff; } /*.progress-show > ul > a.active { float: left; width: 140px; height: 140px; border: 1px solid #707473; border-radius: 2px; font-size: 14px; color: #666; text-align: center; position: relative; } .progress-show > ul > a.blank { width: 69px; height: 142px; float: left; } .progress-show > ul > a.blank > .next-icon { margin: 60px auto; } .progress-show > ul > a.active:nth-child(1):hover, .progress-show > ul > a.active:nth-child(3):hover, .progress-show > ul > a.active:nth-child(5):hover, .progress-show > ul > a.active:nth-child(7):hover { border-color: #d5bb55; color: #d5bb55; } .progress-show > ul > a.active > .liucheng-content { width: 100%; height: 40px; line-height: 40px !important; position: absolute; bottom: 10px; } .progress-show > ul > a.active > .liucheng-content.br { line-height: 20px; } .progress-show > ul > a.active > .liucheng-icon { margin: 30px auto 20px; background-image: url(https://static.jtljia.com/images/icon/indexLiuCheng.png); } .progress-show > ul > a.active:nth-child(1) > .liucheng-icon { width: 39px; height: 46px; background-position: 0 -138px; } .progress-show > ul > a.active:nth-child(1):hover > .liucheng-icon { background-position: -43px -150px; } .progress-show > ul > a.active:nth-child(3) > .liucheng-icon { width: 32px; height: 42px; background-position: -88px -100px; } .progress-show > ul > a.active:nth-child(3):hover > .liucheng-icon { background-position: -86px -196px; } .progress-show > ul > a.active:nth-child(5) > .liucheng-icon { width: 46px; height: 46px; background-position: -71px -50px; } .progress-show > ul > a.active:nth-child(5):hover > .liucheng-icon { background-position: -71px 0px; } .progress-show > ul > a.active:nth-child(7) > .liucheng-icon { width: 40px; height: 46px; background-position: 0 -88px; } .progress-show > ul > a.active:nth-child(7):hover > .liucheng-icon { background-position: -44px -100px; } .progress-show > ul > a.active:nth-child(9) > .liucheng-icon { width: 67px; height: 40px; background-position: 0 -44px; }*/ /*.progress-show>ul>a.active:nth-child(9):hover>.liucheng-icon{background-position:0 0;}*/ /*.progress-show > ul > a.active:nth-child(11) > .liucheng-icon { width: 37px; height: 42px; background-position: -86px -150px; }*/ /*.progress-show>ul>a.active:nth-child(11):hover>.liucheng-icon{background-position:0 -188px;}*/ /*全包套餐3.0*/ .pro-button { width: 450px; height: 50px; margin: 0 auto; } .pro-button > a { display: block; width: 130px; float: left; margin: 0 10px; transition: all ease-in-out 0.4s; height: 47px; line-height: 47px; text-align: center; font-size: 24px; color: #666; border: none; cursor: pointer; } .pro-button > a > span { display: inline-block; position: relative; transition: all ease-in-out 0.4s; top: 3px; width: 24px; height: 24px; margin-right: 3px; background: url(https://static.jtljia.com/images/icon/packageIcon.png); } .pro-button > a:nth-child(1) > span { width: 22px; height: 22px; background-position: -26px 0; } .pro-button > a:nth-child(2) > span { width: 21px; height: 22px; background-position: -25px -26px; } .pro-button > a:nth-child(3) > span { width: 15px; height: 22px; background-position: -19px -53px; } .pro-button > a.probutton-hover { color: #d5bb55; border-bottom: 3px solid #d5bb55; } .pro-button > a:hover { color: #d5bb55; } .pro-button > a:nth-child(1):hover > span { background-position: 0 0; } .pro-button > a:nth-child(2):hover > span { background-position: 0 -26px; } .pro-button > a:nth-child(3):hover > span { background-position: 0 -53px; } .pro-button > a:nth-child(1) > span.prospan-hover { background-position: 0 0; } .pro-button > a:nth-child(2) > span.prospan-hover { background-position: 0 -26px; } .pro-button > a:nth-child(3) > span.prospan-hover { background-position: 0 -53px; } .package-box { position: relative; width: 100%; height: 372px; margin: 30px auto 0; } .arrow-box { width: 100%; height: 122px; position: absolute; top: 241px; } .arrow-box > a { display: block; width: 52px; height: 122px; background: url(https://static.jtljia.com/images/icon/packageArrow.png); position: absolute; cursor: pointer; top: 0; z-index: 10; } .arrow-box > .package-pre { background-position: -58px -128px; left: -22px; } .arrow-box > .package-next { background-position: -58px -2px; right: -22px; } .arrow-box > .package-pre:hover { background-position: -2px -128px; } .arrow-box > .package-next:hover { background-position: -2px -2px; } /*.indexPackage-title{display: block; width: 220px;height: 46px;line-height: 46px;margin: 30px auto; text-align: center;border: 1px solid #d5bb55;color: #d5bb55;font-size: 16px;border-radius: 3px; cursor: pointer;}*/ #indexPackage { color: #D5BB55; transition: all linear 0.5s; } #indexPackage:hover { background: #D5BB55; color: #fff; } .indexPackage-dot { text-align: center; } .indexPackage-dot > .dot { display: inline-block; width: 12px; height: 12px; background: #c8c8c8; margin: 0 4px; border-radius: 50%; cursor: pointer; } .indexPackage-dot > .dot.active { background: #d5bb55; } #package01 > ul > li { width: 386px; height: 372px; float: left; background: #000; box-shadow: 0 0 4px 4px #ddd; } #package01 > ul > li > .package-img { display: block; width: 100%; height: 290px; overflow: hidden; } #package01 > ul > li > .package-img > img { width: 100%; height: 100%; transition: all .3s linear; } #package01 > ul > li:hover > .package-img > img { transform: scale(1.05); } #package01 > ul > li > .package-baojia { display: block; width: 100%; height: 82px; background: #fff; color: #4f2a1a; } #package01 .package-baojia > .baojia-money { height: 82px; line-height: 82px; margin-left: 44px; float: left; font-size: 50px; font-family: 'dinschriftregular'; } #package01 .package-baojia > .baojia-unit { float: left; text-align: left; margin-left: 4px; margin-top: 40px; font-size: 16px; } #package01 .package-baojia > .baojia-name { float: left; height: 82px; line-height: 82px; margin-left: 106px; font-size: 26px; } #package02 > ul > li { width: 292px; height: 372px; float: left; background: #000; box-shadow: 0 0 4px 4px #ddd; } #package02 > ul > li > .package-img { display: block; width: 100%; height: 290px; overflow: hidden; } #package02 > ul > li > .package-img > img { width: 100%; height: 100%; transition: all .3s linear; } #package02 > ul > li:hover > .package-img > img { transform: scale(1.05); } #package02 > ul > li > .package-baojia { display: block; width: 100%; height: 82px; background: #fff; color: #4f2a1a; } #package02 .package-baojia > .baojia-money { height: 82px; line-height: 82px; margin-left: 12px; float: left; font-size: 50px; font-family: 'dinschriftregular'; } #package02 .package-baojia > .baojia-unit { float: left; text-align: left; margin-left: 4px; margin-top: 40px; font-size: 16px; } #package02 .package-baojia > .baojia-name { float: left; height: 82px; line-height: 82px; margin-left: 50px; font-size: 26px; } #package03 > ul > li { width: 292px; height: 180px; float: left; background: #000; box-shadow: 0 0 1px 1px #ddd; } #package03 > ul > li > .package-img { display: block; width: 100%; height: 100%; position: relative; } #package03 > ul > li > .package-img > img { width: 100%; height: 100%; } #package03 > ul > li > .package-img > .bao-name { position: absolute; top: 46px; transition: all ease-in 0.2s; left: 67px; display: block; width: 160px; height: 100px; background: rgba(255,255,255,.5); opacity: 1; } #package03 > ul > li > .package-img:hover > .bao-name { opacity: 0; } #package03 > ul > li > .package-img > .bao-name > .baotitle { margin: 1px; width: 152px; height: 72px; line-height: 26px; text-align: center; font-size: 16px; padding-top: 20px; border: 3px solid rgba(0,0,0,.1); color: #4f2a1a; font-weight: bold; } #package03 > ul > li > .package-img > .bao-name > .baotitle > .baotitle-price { font-size: 34px; margin-right: 1px; font-family: 'dinschriftregular'; font-weight: 400; } .package-complate { position: relative; display: block; width: 270px; height: 46px; line-height: 46px; margin: 30px auto; text-align: center; border: 1px solid #d5bb55; font-size: 16px; border-radius: 3px; cursor: pointer; } .package-complate > cite { display: block; font-family: "微Y雅黑"; cursor: pointer; color: #d5bb55 !important; font-style: normal; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .package-complate > cite:hover { color: #fff !important; background: #d5bb55; transition: all .4s ease-in; } .package-complate > ul { display: none; width: 273px; height: 155px; left: -1px; line-height: 30px; border: 1px solid #dfdfdf; position: absolute; z-index: 200; margin-top: 0; background: #fff; } .package-complate > ul > li { width: 91px; float: left; } .package-complate > ul > li:nth-child(1) { width: 90px; height: 100%; background: #fff; } .package-complate > ul > li:nth-child(2) { display: none; background: #f9f9f9; } .package-complate > ul > li:nth-child(3) { display: none; background: #efefef; border-left: 1px solid #dfdfdf; } .package-complate > ul > li > .scrollbar1 { width: 100%; height: 100%; overflow: hidden; } .package-complate > ul > li a { display: block; height: 30px; line-height: inherit; text-align: center; color: #666; font-size: 14px; transition: all .3s linear; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .package-complate > ul > li:nth-child(1) a { border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; } .package-complate > ul > li:nth-child(1) a:nth-child(1) { border-top: none; } .package-complate > ul > li:nth-child(1) a:last-child { border-bottom: 1px solid #dfdfdf; } .package-complate > ul > li:nth-child(1) a:hover, .package-complate > ul > li:nth-child(1) a.hover { color: #333; background: #f9f9f9; border-right-color: #f9f9f9; } .package-complate > ul > li:nth-child(2) a { height: 31px; line-height: 31px; } .package-complate > ul > li:nth-child(2) a:hover, .package-complate > ul > li:nth-child(2) a.hover { color: #333; background: #e2e2e2; } .package-complate > ul > li:nth-child(3) a { height: 31px; line-height: 31px; } .package-complate > ul > li:nth-child(3) a:hover, .package-complate > ul > li:nth-child(3) a.hover { color: #333; background: #e3e3e3; } .package-complate > ul > li:nth-child(1) .scrollbar1 .viewport { width: 80px; } /*装修案例*/ .example-tap { width: 146px; height: 30px; margin: 30px auto; } .example-tap > a { display: block; padding: 5px 20px; color: #666; margin: 0 1px; border: 1px solid #fff; border-radius: 3px; float: left; cursor: pointer; } .example-tap > a.active, .example-tap > a:hover { border-color: #bda95f; color: #bda95f; } .example-showHot { width: 100%; } .example-showHot > ul > li { width: 283px; height: 283px; border: 1px solid #e9e9e9; float: left; margin-bottom: 20px; margin-right: 20px; position: relative; background: #000; transition: all .2s linear; } .example-showHot > ul > li:hover { box-shadow: 0 15px 30px rgba(0,0,0,.1); transform: translateY(-4px); } .example-showHot > ul > li:nth-child(4n) { margin-right: 0; } a.hot-lookup { display: block; width: 100%; height: 214px; cursor: pointer; } a.hot-lookup > img { width: 100%; height: 100%; } a.example-title { display: block; width: 243px; padding: 0 20px; height: 69px; overflow: hidden; background: #fff; font-size: 16px; cursor: pointer; text-align: left; color: #999; } .example-type { margin-top: 10px; color: #333; font-size: 18px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*装修预算*/ .index-budget { width: 100%; height: 566px; padding: 60px 0 40px; background: url(https://static.jtljia.com/images/system/index/budget.jpg) no-repeat center center; box-sizing:border-box; } .package-priceBox { width: 1180px; height: 350px; padding: 10px; margin: 30px auto 0; background: #fff; } #pro_00 > .package-title { margin: 0 auto; padding: 20px 0; background: #fff; text-align: center; line-height: 30px; } .package-priceBox > .price-right { width: 1178px; height: 348px; position: relative; border: 1px solid #e8e8e8; background: url(https://static.jtljia.com/images/system/index/bg-priceBox.jpg) no-repeat center center; } .package-priceBox > .price-right > .pright-title { float: left; margin-left: 30px; padding-left: 70px; height: 60px; background: url(https://static.jtljia.com/images/system/product/icon_20s.png) no-repeat 26px 3px; } .pright-quotation { width: 597px; height: 100%; float: left; } .pleft-quotation { width: 581px; height: 100%; float: left; } .pleft-title { margin: 30px auto; font-size: 20px; color: #333; text-align: center; } .total-money { display: inline-block; margin-left: 5px; margin-right: 5px; padding: 2px 5px; text-align: center; /*border: 2px solid #e7b503;*/ color: #e7b503; border-radius: 50%; font-weight: bold; font-family:Arial, Helvetica, sans-serif } .pleft-yusuanBox { height: 100%; } .pleft-content { color: #333; font-size: 16px; width: 240px; height: 39px; line-height: 39px; margin: 10px auto 0; text-align: center; border-bottom: 1px solid #f2f2f2; } .pleft-content > .jc-name { display: block; float: left; width: 140px; text-align: left; } .pleft-content .jc-money { display: block; float: left; margin-right: 1px; /*height: 26px; line-height: 26px;*/ padding: 0 5px; text-align: center; /*border: 2px solid #c9c9c9;*/ color: #c9c9c9; border-radius: 50%; font-weight: bold; font-family:Arial, Helvetica, sans-serif; } .pcenetr-quotation { width: 140px; position: absolute; height: 140px; top: 112px; left: 526px; } #prightSubmit { display: block; margin: 10px; width: 120px; height: 85px; padding-top: 35px; line-height: 24px; border-radius: 50%; font-size: 20px; font-weight: bold; color: #333; text-align: center; background: #ffd401; cursor: pointer; transition: all .2s ease-in-out; } #prightSubmit:hover { opacity: .8; } .span-title { display: block; float: left; width: 90px; height: 40px; line-height: 40px; text-align: right; padding-right: 10px; color: #666; font-size: 14px; } .pright-quotation > ul.compute-ul { width: 252px; margin: 0 auto; padding: 20px; } .pright-quotation > ul > li { position: relative; margin-top: 10px; height: 40px; line-height: 40px; font-size: 16px; color: #666; } .pright-quotation > ul > li.pright-number { color: #999; height: 20px; line-height: 20px; font-size: 14px; } .pright-input { width: 230px; height: 38px; line-height: 38px; display: block; float: left; font-family: "微Y雅黑"; color: #666; font-style: normal; font-size: 14px; padding-left: 10px; padding-right: 10px; border: 1px solid #ddd; background: #fff !important; } .pright-getCode { display: block; float: left; width: 130px; height: 40px; line-height: 40px; color: #666; font-size: 14px; background: #dbdbdb; cursor: pointer; text-align: center; } .pright-getCode:hover { color: #666; opacity: .9; } #prightCode { width: 100px; } .area-unit2 { position: absolute; right: 6px; font-size: 16px; color: #666; line-height: inherit; } #complateChuwei ul, #complateWeiyu ul { overflow-y: hidden; } #complateChuwei ul li, #complateWeiyu ul li { width: 100%; } .pquotation-Number { margin-left: 3px; margin-right: 3px; color: #ff6801; } .quotation-title { margin: 10px 107px 30px 48px; height: 1px; background: #ddd; position: relative; } .quotation-title > div { position: absolute; width: 130px; height: 40px; line-height: 40px; background: #f2f2f2; top: -21px; left: 97px; font-size: 20px; font-weight: bold; color: #FF6700; text-align: center; } #popcomplateProv cite, #popcomplatect cite { width: 93px; } #popcomplateProv ul, #popcomplatect ul { width: 113px; } #popcomplateProv ul li, #popcomplatect ul li { width: 95px; } /*装修知识*/ .index-knowledge { overflow: hidden; width: 100%; margin: 30px auto 0; cursor: pointer; } .knowledge-big { display: block; width: 380px; height: 285px; float: left; margin-right: 10px; overflow: hidden; position: relative; } .knowledge-big > img { width: 100%; height: 100%; transition: all .4s ease; } .knowledge-big:hover > img { transform: scale(1.06); } .knowledge-big > .knowledge-title { width: 350px; padding: 0 15px; height: 40px; line-height: 40px; position: absolute; bottom: 0; background: rgba(0,0,0,.5); font-size: 16px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .knowledge-small { width: 420px; height: 100%; float: left; } .knowledge-small > .small-box { display: block; width: 100%; height: 137px; } .knowledge-small > .small-box:nth-child(2) { margin-top: 12px; } .small-box > .smallImg-box { height: 100%; width: 182px; float: left; overflow: hidden; } .small-box > .smallImg-box > img { width: 100%; height: 100%; transition: all .4s ease; } .small-box:hover > .smallImg-box > img { transform: scale(1.06); } .small-box > .smallTitle-box { width: 223px; height: 100%; margin-left: 15px; float: left; } .small-box > .smallTitle-box > .mainHeadings { margin-top: 5px; height: 50px; line-height: 25px; font-size: 16px; color: #333; font-weight: bold; overflow: hidden; } .small-box > .smallTitle-box > .Introduction { margin-top: 12px; height: 60px; line-height: 20px; font-size: 14px; color: #999; overflow: hidden; } .small-box:hover > .smallTitle-box > .mainHeadings { color: #cd0001; } /*业主故事*/ .ownerStory-box { width: 100%; margin-top: 30px; } .ownerStory-box > ul > li { width: 290px; height: 270px; border: 1px solid #e9e9e9; float: left; margin-right: 10px; position: relative; background: #000; transition: all .2s linear; } .ownerStory-box > ul > li:hover { box-shadow: 0 15px 30px rgba(0,0,0,.1); transform: translateY(-4px); } .ownerStory-box > ul > li:nth-child(4n) { margin-right: 0; } a.ownerStory-lookup { display: block; width: 100%; height: 220px; cursor: pointer; } a.ownerStory-lookup > img { width: 100%; height: 100%; } a.ownerStory-title { display: block; width: 250px; padding: 0 20px; height: 50px; line-height: 50px; overflow: hidden; background: #fff; font-size: 16px; cursor: pointer; text-align: left; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*企业新闻*/ .enterpriseNews { margin-top: 30px; height: 312px; width: 100%; } .adverment-news { width: 340px; height: 100%; float: left; margin-right: 10px; } .adverment-news > a { display: block; width: 100%; height: 151px; cursor: pointer; overflow: hidden; } .adverment-news > a:nth-child(2) { margin-top: 10px; } .adverment-news > a > img { width: 100%; height: 100%; transition: all .4s ease; } .adverment-news > a:hover > img { transform: scale(1.06); } .news-big { display: block; width: 386px; height: 100%; float: left; overflow: hidden; position: relative; } .news-big > img { width: 100%; height: 100%; transition: all .4s ease; } .news-big:hover > img { transform: scale(1.06); } .news-big > .news-title { width: 356px; padding: 0 15px; height: 40px; line-height: 40px; position: absolute; bottom: 0; background: rgba(0,0,0,.5); font-size: 16px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .enterpriseNews > .news-list { float: left; width: 414px; padding: 0 20px; height: 100%; background: #f2f2f2; } .news-first { display: block; margin-top: 20px; width: 100%; border-bottom: 1px dashed #999; color: #999; cursor: pointer; font-size: 14px; } .news-first > .newHeadings { width: 100%; height: 30px; line-height: 30px; } .news-first > .newHeadings > .newHeadings-left { width: 324px; color: #333; font-size: 18px; font-weight: bold; float: left; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-first:hover .newHeadings-left { color: #cd0001; } .news-first > .newHeadings > .newHeadings-right { width: 80px; float: left; color: #999; } .news-first > .newIntroduction { height: 40px; line-height: 20px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; color: #999; } .newShow-list { margin-top: 10px; width: 100%; height: 170px; overflow: hidden; } .news-second { display: block; height: 34px; line-height: 34px; width: 100%; color: #999; cursor: pointer; font-size: 14px; } .news-second > .newHeadings-left { width: 324px; color: #333; font-size: 16px; float: left; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-second:hover > .newHeadings-left { color: #cd0001; } .news-second > .newHeadings-right { width: 80px; float: left; color: #999; } /*产品套餐*/ .product_bg { padding-bottom: 70px; } #product { float: left; } #product .focus { position: relative; width: 1260px; margin-left: -30px; height: 460px; float: left; margin-top: 60px; } #product .focus img { width: 1200px; height: 460px; border-radius: 3px; } #product .focus .fPic { position: absolute; left: 30px; top: 0px; } #product .focus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; } #product .focus .fcon { position: relative; width: 100%; float: left; display: none; } #product .focus .fcon .pro-cont { display: none; } #product .focus .fcon img { display: block; opacity: 1; } #product .focus .fcon:hover .pro-cont { display: block; position: absolute; width: 300px; height: 340px; padding-top: 120px; text-align: center; line-height: 30px; border-radius: 0 3px 3px 0; right: 0; background: rgba(0, 0, 0, .6); color: #fff; z-index: 99; } #product .focus .fcon:hover .pro-cont span { font-size: 18px; color: #eabf3c; line-height: 60px; } #product .focus .fbg { top: -68px; position: absolute; height: 68px; z-index: 200; } #product .focus .fbg div { width: 1150px; margin-left: 99px; overflow: hidden; zoom: 1; height: 68px; background: url(https://static.jtljia.com/images/system/totalprice_321.png) no-repeat right top; } #product .focus .D1fBt a:nth-child(1) { color: #222; font-size: 24px; position: relative; float: left; width: 200px; padding-left: 69px; padding-top: 0px; margin-right: 63px; height: 44px; line-height: 33px; background: url(https://static.jtljia.com/images/system/sypro_20160226_ssj_01.png) no-repeat; background-position: 0px 0px; } #product .focus .D1fBt a:nth-child(1):after { content: "+"; padding-left: 100px; color: #c49d85; font-size: 32px; font-weight: 100; } #product01 { color: #222; font-size: 24px; position: relative; float: left; width: 200px; padding-left: 69px; padding-top: 0px; margin-right: 63px; height: 44px; line-height: 33px; background: url(https://static.jtljia.com/images/system/sypro_20160226_ssj_01.png) no-repeat; background-position: 0px 0px; } #product01:after { content: "+"; padding-left: 100px; color: #c49d85; font-size: 32px; font-weight: 100; } #product .focus .D1fBt a:nth-child(2) { color: #222; font-size: 24px; position: relative; float: left; width: 200px; padding-left: 69px; padding-top: 0px; margin-right: 63px; height: 44px; line-height: 33px; background: url(https://static.jtljia.com/images/system/sypro_20160226_pzj_01.png) no-repeat; background-position: 0px 0px; } #product .focus .D1fBt a:nth-child(2):after { content: "+"; padding-left: 100px; color: #c49d85; font-size: 32px; font-weight: 100; } #product02 { color: #222; font-size: 24px; position: relative; float: left; width: 200px; padding-left: 69px; padding-top: 0px; margin-right: 63px; height: 44px; line-height: 33px; background: url(https://static.jtljia.com/images/system/sypro_20160226_pzj_01.png) no-repeat; background-position: 0px 0px; } #product02:after { content: "+"; padding-left: 100px; color: #c49d85; font-size: 32px; font-weight: 100; } #product .focus .D1fBt a:nth-child(3) { color: #222; font-size: 24px; position: relative; float: left; width: 200px; padding-left: 69px; padding-top: 0px; height: 44px; line-height: 33px; background: url(https://static.jtljia.com/images/system/sypro_20160226_zxj_01.png) no-repeat; background-position: 0px 0px; } #product .focus .D1fBt a:nth-child(3):after { content: "="; padding-left: 100px; color: #c49d85; font-size: 32px; font-weight: 100; } #product03 { color: #222; font-size: 24px; position: relative; float: left; width: 200px; padding-left: 69px; padding-top: 0px; height: 44px; line-height: 33px; background: url(https://static.jtljia.com/images/system/sypro_20160226_zxj_01.png) no-repeat; background-position: 0px 0px; } #product03:after { content: "="; padding-left: 100px; color: #c49d85; font-size: 32px; font-weight: 100; } #product .focus .D1fBt a:nth-child(1).current { color: #fff; background: url(https://static.jtljia.com/images/system/sypro_20160226_ssj_02.png) no-repeat; background-position: 0 0; } #product .focus .D1fBt a:nth-child(2).current { color: #fff; background: url(https://static.jtljia.com/images/system/sypro_20160226_pzj_02.png) no-repeat; background-position: 0 0; } #product .focus .D1fBt a:nth-child(3).current { color: #fff; background: url(https://static.jtljia.com/images/system/sypro_20160226_zxj_02.png) no-repeat; background-position: 0 0; } #product01.current { color: #fff; background: url(https://static.jtljia.com/images/system/sypro_20160226_ssj_02.png) no-repeat; background-position: 0 0; } #product02.current { color: #fff; background: url(https://static.jtljia.com/images/system/sypro_20160226_pzj_02.png) no-repeat; background-position: 0 0; } #product03.current { color: #fff; background: url(https://static.jtljia.com/images/system/sypro_20160226_pzj_02.png) no-repeat; background-position: 0 0; } #product .focus .D1fBt i { padding-left: 10px; color: #999999; } #product .focus .D1fBt .current i { color: #ff5400; } #product .focus .prev, .focus .next { width: 60px; height: 120px; background: url(https://static.jtljia.com/tools/js/index_product/images/focus_btn.png) no-repeat; } #product .focus .prev { position: absolute; z-index: 999; left: -30px; top: 50%; margin-top: -60px; left: 0; cursor: pointer; } #product .focus .next { position: absolute; z-index: 999; right: -30px; top: 50%; margin-top: -60px; right: 0; background-position: -60px; cursor: pointer; } /*全国直营?/ #allmap { height: 530px; width: 864px; float: left; margin-left: 10px; border: 1px solid #e0e0e0; } /*合作品牌*/ .brand-bg { padding-bottom: 20px; } .brand { margin: 0 auto; } /*.brand li {float: left;width:189px; height:77px; border: none;margin:0 10px 10px 0; position: relative;cursor: pointer;}*/ .brand li { border: 1px solid #eae1d9; border-radius: 3px; float: left; height: 66px; margin: 0 10px 10px 0; position: relative; width: 228px; } .brand li:nth-child(5n) { margin-right: 0; } .brand li img { margin: 4px 15px; width: 200px; } .brand li .describe { display: none; } .brand li:hover { background: #eac03a none repeat scroll 0 0; border: medium none; height: 68px; width: 230px; } .brand li:hover img { display: none; } .brand li:hover .describe { color: #fff; display: block; padding: 15px 10px 0; text-align: center; } .focus { position: absolute; top: 0; width: 100%; } .xmSlide { position: relative; } .xmSlide a>div{ display:none; } .xmSlide a:first-child>div{ display:block; } .xmSlide-pagination { padding-top: 15px; text-align: center; position: absolute; bottom: 30px; width: 100%; z-index: 99; } .xmSlide-pagination li { display: inline-block; width: 12px; height: 12px; margin: 5px; } .xmSlide-pagination li a { display: inline-block; width: 8px; height: 8px; text-indent: -9999px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; border: 2px solid rgba(255,255,255,0.7); } .xmSlide-pagination li a.active { border-color: #ffd401; background-color: #ffd401; } .xmSlide-control { overflow: hidden; } .btn_line .btn{ color:#000; background:#ffd401; font-size:16px; font-weight:bold; height:46px; border:none; border-radius:3px; width:100%; margin-top:20px; } /*.btn { width: 950px; position: absolute; left: 50%; margin-left: -475px; top: 0; z-index: 50; } .btn span { display: block; text-align: right; padding-right: 158px; } .btn p { padding: 280px 78px 0 0; text-align: right; } .btn p a { width: 133px; height: 36px; display: inline-block; margin-right: 10px; line-height: 36px; font-size: 14px; color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn p a.item1 { background-color: #ff9000; -webkit-box-shadow: 0 2px rgba(13,47,88,.19); -moz-box-shadow: 0 2px rgba(13,47,88,.19); box-shadow: 0 2px rgba(13,47,88,.19); } .btn p a.item2 { background-color: #5e95e1; -webkit-box-shadow: 0 2px rgba(13,47,88,.19); -moz-box-shadow: 0 2px rgba(13,47,88,.19); box-shadow: 0 2px rgba(13,47,88,.19); }*/ a.xmSlide-previous { display: none; } a.xmSlide-next { display: none; } #banner:hover a.xmSlide-previous { z-index: 99; display: block; width: 40px; height: 70px; position: absolute; left: 0; top: 50%; margin-top:-40px; cursor: pointer; background: url(https://static.jtljia.com/images/icon/banner_bg.png) 0 0 no-repeat; } #banner:hover a.xmSlide-next { z-index: 99; display: block; width: 40px; height: 70px; position: absolute; right: 0; top: 50%; margin-top: -40px; cursor: pointer; background: url(https://static.jtljia.com/images/icon/banner_bg.png) -40px -70px no-repeat; } #banner:hover a.xmSlide-previous:hover { background: url(https://static.jtljia.com/images/icon/banner_bg.png) -40px 0 no-repeat; } #banner:hover a.xmSlide-next:hover { background: url(https://static.jtljia.com/images/icon/banner_bg.png) 0 -70px no-repeat; } .priceTotal { height: 150px; line-height: 150px; text-align: right; padding-right: 50px; background-color: #f8f4f0; border: solid 1px #eae1d9; } #advertisementIndex { position: relative; top: 0; left: 0; width: 100%; height: 80px; min-width: 1200px; display: none; } .eightcity-active { display: block; width: 100%; height: 80px; } #activeClose { display: block; position: absolute; top: 11px; left: 97%; z-index: 999; width: 25px; height: 25px; background: url(https://static.jtljia.com/images/system/adverti-close.png) no-repeat 0 0; } .top-adver { width: 100%; height: 80px; } /*全国直营?/ #storesNumber { font-size: 30px; color: #e5ae22; margin: 0 5px; } .store_menu { height: 490px; width: 282px; float: left; padding: 20px; border: solid 1px #E9E9E9; background: #fff; background-size: 100% 100%; /* overflow-y:auto;*/ } .store_menu .store_title { font-size: 20px; margin-bottom: 20px; font-size: 20px; color: #333; font-weight: bold; } .store_menu .search_item { width: 100%; float: left; height: 40px; position: relative; } .search_item .divselect { width: 135px; background: #fff none repeat scroll 0 0; display: block; float: left; margin-left: 4px; height: 40px; position: relative; z-index: 20; } .search_item .divselect cite { width: 115px; height: 40px; line-height: 40px; display: block; font-family: "微Y雅黑"; color: #8f8f8f; cursor: pointer; font-style: normal; padding-left: 10px; padding-right: 10px; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat 110px center; border: solid 1px #dfdfdf; } .search_item .divselect ul { width: 135px; max-height: 182px; overflow-y: scroll; border: 1px solid #dfdfdf; background: #fff; position: absolute; z-index: 200; margin-top: 2px; padding-bottom: 3px; display: none; } .search_item .divselect ul li { width: 118px; height: 30px; line-height: 30px; color: #8f8f8f; border-bottom: 1px solid #dfdfdf; } .search_item .divselect ul li:last-child { border-bottom: none; } .search_item .divselect ul li a { display: block; width: 100%; height: 100%; color: #8f8f8f; text-indent: 10px; } .search_item .divselect ul li a:hover { color: #8f8f8f; background: #f1f1f1; } .search_result { width: 282px; height: 390px; overflow-y: auto; margin-top: 10px; float: left; } .search_result > ul { /*width:282px;*/ border-top: solid 1px #E9E9E9; } .search_result > ul > li { /* width:220px;*/ border: solid 1px #E9E9E9; border-top: none; padding: 10px 20px 10px 40px; cursor: pointer; position: relative; } .search_result > ul > li:hover, .search_result > ul > li.actived { background: #fefae8; } .search_result .store_name { color: #e5ae22; font-size: 16px; line-height: 30px; } .search_result .search_index { color: #999999; font-size: 24px; position: absolute; top: 10px; left: 10px; } #provinceSelect { margin-right: 6px; margin-left: 0; width: 138px; position: absolute; top: 0; left: 0; } #citySelect { margin-left: 0; width: 138px; position: absolute; top: 0; left: 145px; } #provinceSelect ul, #citySelect ul { max-height: 400px; overflow-y: auto; overflow-x: hidden; } #citySelect ul { padding-bottom: 0; } .search_result .store_address { line-height: 20px; text-indent: 20px; } #citySelect > ul > li { display: none; } .store_position { width: 875px; height: 530px; float: left; background: url(https://static.jtljia.com/images/system/img-map.jpg) center center; border: solid 1px #E9E9E9; border-left: none; position: relative; } .store_position > ul { position: relative; } .store_position > ul > li { position: absolute; width: 6px; height: 6px; background: #ff6700; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); } .store_position .store_tag { height: 35px; width: 24px; background: url(https://static.jtljia.com/images/system/icon-shop-map.png) center center; position: absolute; display: none; top: 298px; left: 728px; } .store_position .store_info { width: 334px; height: 163px; position: absolute; left: 47px; top: 66px; border: solid 1px #E9E9E9; background: #fff; display: none; } .store_position .store_info .store_left { width: 100px; height: 100px; margin: 16px 10px; float: left; background: url(https://static.jtljia.com/images/system/jia-100x100.jpg) center center; border-radius: 100%; } .store_position .store_info .store_right { width: 198px; padding: 16px 16px 16px 0; float: left; } .store_position .store_info .store_right div { width: 100%; float: left; } .store_position .store_info .store_right .store_name { color: #5BADF2; line-height: 26px; } .store_position .store_info .store_right .store_address { line-height: 24px; } .store_position .store_info .store_right .send_address a { border: solid 1px #666666; border-radius: 20px; color: #666666; text-align: center; padding: 2px 10px; display: inline-block; margin-top: 4px; } .store_position .store_info .store_right .send_address a:hover { color: #FF6700; border-color: #FF6700; } .store_position .store_info .store_right .tip { line-height: 30px; color: #ccc; } .store_position .store_count { width: 40px; height: 240px; position: absolute; bottom: 50px; left: 44px; display: none; } .store_position .store_count > div { float: left; margin: 4px; position: relative; width: 40px; height: 40px; } .store_position .store_count > div canvas { position: absolute; top: 0; left: 0; } .store_position .store_count > div .percent { display: block; width: 40px; font-size: 20px; text-align: center; line-height: 40px; background: #fff; border-radius: 100%; } .store_position .store_count > div .area_tag { display: block; position: absolute; height: 30px; line-height: 30px; font-size: 16px; top: 3px; left: 34px; width: 64px; padding-left: 10px; background: #fff; border-radius: 0 15px 15px 0; border: solid 1px #ccc; border-left: none; } .store_position .store_title { width: 250px; height: 80px; text-align: center; font-size: 20px; position: absolute; top: 20px; left: 322px; } .store_position .store_title .line { width: 100%; float: left; line-height: 30px; } .store_position .store_title .sub_line { color: #999999; } .store_position .store_title .total_count { color: #FF6700; font-size: 28px; } .link_group ul { float: left; width: 100%; } .link_group .partner { padding: 14px 0; float: left; height: 200px; } a.city-link { display: block; float: left; padding: 0 10px; height: 18px; margin: 5px 3px; color: #666; font-size: 14px; border-right: 1px solid #dedede; cursor: pointer; } a.city-link:hover { color: #000; } .fixed_qutation #select_city { margin-left: 6px; } .quotation_bg #select_city { margin-left: 6px; } .imgLine > .img-brand { float: left; height: 77px; width: 189px; margin: 6px 13px 6px 0; } .imgLine > .img-brand.one { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -2px -407px; } .imgLine > .img-brand.two { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -195px -245px; } .imgLine > .img-brand.threen { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -2px -326px; } .imgLine > .img-brand.four { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -195px -164px; } .imgLine > .img-brand.five { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -2px -245px; } .imgLine > .img-brand.six { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -195px -83px; margin-right: 0; } .imgLine > .img-brand.seven { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -2px -164px; } .imgLine > .img-brand.eight { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -195px -2px; } .imgLine > .img-brand.nine { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -2px -83px; } .imgLine > .img-brand.ten { background: url(https://static.jtljia.com/images/icon/aopu.png) center center no-repeat; border: solid 1px #ddd; box-sizing: border-box; } .imgLine > .img-brand.eleven { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -195px -407px; } .imgLine > .img-brand.twelve { background: url(https://static.jtljia.com/images/icon/brand.png) no-repeat -195px -326px; margin-right: 0; } #headprovince { border: none; } #store_layer_indexPackage { bottom: -223px; left: 50%; margin-left: -136px; } .top-description > .description-brand { width: 178px; } .index_more { float: left; width: 100%; text-align: center; background: #FFFFFF; margin-top: 30px; } .index_more_story { background: #f2f2f2; } .index_more > .more { border: 1px solid #ccc; border-radius: 3px; color:#666; line-height:28px; display:inline-block; height:28px; width:76px; } .index_more > .more:hover{ border: 1px solid #e5ae22; color: #e5ae22; } /*2018新年氛围*/ /*.p_i{ background:#fff; } body{ background:url(https://static.jtljia.com/images/index/bg-top-pc.jpg) top center no-repeat; } .top-first{ width:1200px; margin:0 auto; float:none; } .top-second{ height:121px; width: 1200px; margin:0 auto; float:none; } .p_i.pdt10{ height:550px; } .p_i.mgt10{ height:550px; margin-top:0; padding-top:10px; } .oct1{ height:259px; background:transparent; } .oct1 .btn_view{ position:absolute; width:149px; height:44px; top:113px; right:193px; background:url(https://static.jtljia.com/images/index/btn-cj.png) top center no-repeat; display:none; }*/ .service_block{ padding:60px 0 40px; } .case_block { padding: 80px 0 60px; background: #f2f2f2; } .case_block table { min-width: 1200px; max-width: 1920px; width: 100%; margin: 0 auto; /*border-left:10px solid #fff;*/ } .case_block table td{ width:16.666666%; border-right:solid 10px #fff; border-bottom:solid 10px #fff; vertical-align:top; } .case_block table td.last{ border-right:none; } .case_block table td a,.case_block table td a img{ width:100%; display:block; float:left; } .case_block table tr:last-child td,.case_block td.none_bottom{ border-bottom:none; } /*.sliphover-overlay{ background:rgba(255,248,222,0.5)!important; }*/ .case_title{ font-size:18px; font-weight:bold; color:#fff; padding-bottom:10px; display:inline-block; } .case_desc{ color:#fff; } /*18?/ .floor_ff { background: #fff; } .floor_f2 { background: #f2f2f2; } .floor_ff, .floor_f2 { padding-top: 80px; padding-bottom: 60px; } .floor_f2 .title, .floor_ff .title { font-size: 48px; text-align: center; font-weight: bold; color: #000; width: 100%; line-height: 48px; } .floor_f2 .subtitle, .floor_ff .subtitle { margin-top: 20px; font-size: 24px; color: #000; line-height: 24px; width: 100%; text-align: center; } .floor_f2 .floor_tab, .floor_ff .floor_tab { text-align: center; margin-top: 54px; margin-bottom: 40px; } .floor_f2 .floor_tab a, .floor_ff .floor_tab a { display: inline-block; font-size: 16px; color: #000; padding: 0 10px; } .floor_f2 .floor_tab span, .floor_ff .floor_tab span { padding: 0 10px; } .floor_f2 .floor_tab a:hover, .floor_ff .floor_tab a:hover { transform: translateY(-2px); transition: all linear 0.2s; color: #D4BB54; font-weight:bold; } .indexBaojia{ height:447px; width:300px; position:absolute; left:0; top:20px; float:left; background:rgba(0,0,0,0.6); border-radius:4px; box-shadow:0 0 2px #000; z-index:97; box-sizing:border-box; padding:20px; } .indexBaojia .tab{ width:100%; height:36px; line-height:34px; } .indexBaojia .tab li{ color:rgba(255,255,255,0.8); font-size:18px; width:50%; float:left; text-align:center; } .indexBaojia .tab li.active{ font-size:20px; font-weight:bold; color:#fff; } .indexBaojia .tab li span { display:inline-block; height:34px; cursor: pointer; } .indexBaojia .tab li.active span { border-bottom: solid 2px #ffd401; } .yy_form{ display:none; } .floor_brand { height: 180px; padding:20px 0; background:#f2f2f2; box-sizing:border-box; } .floor_brand ul { width: 100%; height: 100%; } .floor_brand ul li { width: 285px; height: 140px; float: left; box-sizing: border-box; margin-right: 20px; transition: all linear 0.3s; } .floor_brand ul li a { display: block; width: 100%; height: 100%; padding-left: 106px; padding-top: 44px; box-sizing: border-box; } .floor_brand ul li:hover { box-shadow: rgba(0,0,0,0.1) 0 8px 20px; transform:translateY(-2px); } .floor_brand ul li .title { font-size: 22px; color: #333333; } .floor_brand ul li .desc { font-size: 14px; color: #999999; line-height:30px; } .floor_brand .brand1{ background:url(../images/4-01.png) 40px center no-repeat #fff; } .floor_brand .brand2 { background: url(../images/4-02.png) 40px center no-repeat #fff; } .floor_brand .brand3 { background: url(../images/4-03.png) 40px center no-repeat #fff; } .floor_brand .brand4 { background: url(../images/4-04.png) 40px center no-repeat #fff; margin-right:0; } .floor_package{ padding:80px 0 60px; } .floor_package .package1 { overflow: hidden; height: 540px; width: 720px; margin-right: 10px; float: left; position: relative; } .floor_package .package2 { overflow: hidden; height: 265px; width: 470px; margin-bottom: 10px; float: left; } .floor_package .package3 { overflow: hidden; height: 265px; width: 470px; float: left; } .floor_package .package { width: 100%; height: 100%; float: left; } .floor_package .itemad:hover { box-shadow: rgba(0,0,0,0.15) 0 8px 20px; -webkit-transition: all .2s linear; transition: all .2s linear; } .floor_package .package:hover { transform: scale(1.03); /*transform: translateY(-2px);*/ -webkit-transition: all .6s ease-out; transition: all .6s ease-out; } .floor_package .package1 .title{ font-size:48px; font-weight:bold; color:#fff; margin-top:200px; width:100%; text-align:center; line-height:48px; } .floor_package .package1 .subtitle { font-size: 24px; color: #fff; width: 100%; text-align: center; margin-top: 20px; } .floor_package .package1 .subtitle span{ padding:0 15px; } .package1 .package_btn { width:122px; height:40px; font-size:18px; color:#fff; font-weight:bold; border:solid 1px #fff; border-radius:2px; display:block; position:absolute; bottom:50px; left:50%; margin-left:-61px; text-align:center; line-height:40px; } .floor_package .package2 .title, .floor_package .package3 .title{ margin-top:90px; font-size:30px; font-weight:bold; width:100%; text-align:center; color:#fff; } .jinfuns_floor .content{ width:100%; float:left; margin-top:44px; } .jinfuns_floor .article1, .jinfuns_floor .article2{ height: 438px; width: 438px; margin-right: 20px; float: left; } .jinfuns_floor .jinfuns { height: 438px; width: 284px; background: url(https://static.jtljia.com/images/index/img-jffl.png) center bottom 116px no-repeat #f2f2f2; position:relative; float:left; } .jinfuns_floor .jinfuns .title{ font-size:27px; width:100%; float:left; text-align:center; margin-top:41px; margin-bottom:13px; line-height:27px; } .jinfuns_floor .jinfuns .desc{ font-size:16px; line-height:30px; text-align:center; width:100%; } .jinfuns_floor .jinfuns .btn_jinfuns { height:38px; width:110px; display:block; background:#fff; border:solid 1px #ccc; border-radius:3px; text-align:center; line-height:38px; position:absolute; bottom:32px; left:50%; margin-left:-55px; } .jinfuns_floor .jinfuns_item { position: relative; color: #fff; text-align:left; width:438px; height:438px; float:left; margin-right:20px; } .jinfuns_floor .jinfuns_item:hover { box-shadow: rgba(0,0,0,0.3) 0 5px 50px; transform: translate3d(0,-2px,0); transition: all linear 0.3s; } .jinfuns_item .article_text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; box-sizing: border-box; background: url(https://static.jtljia.com/images/system/bg-yy1px.png) center center repeat-x; background-size:auto 100%; } .jinfuns_floor .jinfuns_item .funs_title { font-size: 16px; line-height: 24px; padding-bottom:10px; } .jinfuns_floor .jinfuns_item .funs_title a{ color:#fff; } .jinfuns_floor .jinfuns_item .desc { font-size: 12px; } .floor_strategy{ } .floor_strategy .strategy .col1{ width:480px; height:480px; float:left; margin-right:10px; } .floor_strategy .strategy .col2 { width: 320px; height: 480px; float: left; margin-right: 10px; } .floor_strategy .strategy .col3 { width: 380px; height: 480px; float: left; } .floor_strategy .strategy .str_item{ width:100%; height:100%; float:left; position:relative; } .floor_strategy .strategy .col2 .str_item{ height:235px; } .floor_strategy .strategy .str_item .str_topic { width: 100%; box-sizing: border-box; position: absolute; left: 0; bottom: 0; color: #fff; background: url(https://static.jtljia.com/images/system/bg-yy1px.png) center center repeat-x; background-size: auto 100%; display: block; padding:20px; font-size:16px; font-weight:bold; } .floor_strategy .strategy .col2 .str_item.last { margin-top: 10px; } .floor_strategy .strategy .str_item:hover { box-shadow: rgba(0,0,0,0.3) 0 5px 50px; transform: translate3d(0,-2px,0); transition:all linear 0.3s; } .about_content { width:100%; float:left; } .about_content .about_item{ width:386px; float:left; margin-right:20px; } .about_content .about_item:hover { box-shadow: rgba(0,0,0,0.3) 0 5px 50px; transform: translate3d(0,-2px,0); transition: all linear 0.3s; } .about_content .about_item.last { margin-right: 0; } .about_content .about_item img { height: 266px; width: 100%; float: left; } .about_content .about_item .content{ width:100%; height:113px; padding:20px; border:solid 1px #e8e8e8; border-top:none; box-sizing:border-box; float:left; } .about_content .about_item .content .topic{ font-size:16px; color:#333; } .about_content .about_item .content .publish_date{ color:#999; font-size:14px; margin-top:15px; line-height:14px; } .floor_store .title{ margin-bottom:40px; } .floor_store .store_img { width: 895px; height: 480px; padding: 10px; box-sizing: border-box; float: left; margin-right: 20px; background:#fff; box-sizing:border-box; border:solid 1px #e8e8e8; position:relative; } .floor_store .store_img .store_name { position: absolute; top: 30px; left: 30px; background: url('https://static.jtljia.com/images/index/index-map.png') left center no-repeat; padding-left:16px; color:#000; font-size:16px; font-weight:bold; } .floor_store .store_img img { width: 100%; } .floor_store .store_form { width: 285px; height: 477px; float: left; background: url(https://static.jtljia.com/images/index/img-bg-city.jpg) center bottom no-repeat #fff; padding:10px; box-sizing:border-box; } .floor_store .store_form .store_title { font-size: 28px; color: #333; text-align: center; float: left; line-height: 28px; margin: 30px 0 20px; width: 100%; font-weight:bold; } .floor_store .store_form .store_subtitle{ font-size:14px; color:#666; margin-bottom:30px; float:left; width:100%; text-align:center; } .floor_store .form_block > input, .floor_store .form_block .store_select, .floor_calc .form_block > input, .floor_calc .form_block > select, .floor_calc .form_block .store_select { border: solid 1px #e8e8e8; } .floor_partner .content{ margin-top:44px; } .floor_partner .content, .floor_partner .content ul { width: 100%; float: left; } .floor_partner .content ul>li{ height:101px; width:285px; margin-right:20px; margin-bottom:20px; float:left; } .floor_partner .content ul > li.lastcol{ margin-right:0; } .floor_partner .content ul > li.lastrow{ margin-bottom:0; } .floor_about2 { background: url('https://static.jtljia.com/images/index/bg-fwnum.jpg') center center no-repeat; height:472px; color:#fff; box-sizing:border-box; } .floor_about2 .title, .floor_about2 .subtitle{ color:#fff; } .floor_about2 .content{ margin-top:60px; } .floor_about2 .content, .floor_about2 .content>ul{ width:100%; float:left; } .floor_about2 .content>ul>li{ width:25%; float:left; font-size:18px; font-weight:bold; text-align:center; position:relative; } .floor_about2 .content > ul > li .count { font-size: 100px; padding-top: 32px; font-family: DINOffcPro; line-height:74px; display:block; height:74px; } .floor_about2 .content > ul > li .count .plus{ font-size:30px; position:absolute; right:28px; top:24px; } .floor_calc .content { margin-top:80px; padding:50px 0 60px; height:524px; background:#fff; box-sizing:border-box; } .floor_calc .content .calc_left{ width:480px; float:left; box-sizing:border-box; } .floor_calc .content .calc_title{ font-size:27px; text-align:center; height:27px; line-height:27px; margin-bottom:50px; } .floor_calc .content .calc_left .desc_line{ font-size:12px; color:#ff711b; margin-top:14px; float:left; margin-bottom:0; } .floor_calc .content .calc_left .form { padding:0 70px; border-right:solid 1px #f2f2f2; } .floor_calc .form_block > select{ width:165px; } .floor_calc .calc_amount{ padding:0 10px; color:#e6b318; } .floor_calc .calc_right { padding: 0 70px; width: 720px; float: right; box-sizing: border-box; } .floor_calc .calc_right .right_content{ margin-top:30px; } .floor_calc .calc_right .right_content, .floor_calc .calc_right .right_content > ul { width: 100%; float: left; } .floor_calc .calc_right .right_content>ul>li{ width:176px; float:left; text-align:center; } .floor_calc .calc_right .right_content > ul > li.center{ margin:0 26px; } .floor_calc .calc_right .right_content .calc_desc{ font-size:12px; color:#666; margin-top:80px; float:left; width:100%; text-indent:30px; } .calc_result{ display:none; } .calc_result .content .calc_left { padding-left: 70px; width: 600px; } .calc_result .content .result_desc { border-right: solid 1px #f2f2f2; width: 100%; float: left; padding-right:70px; box-sizing:border-box; text-align:center; } .calc_result .calc_rule { width: 412px; height: 142px; box-sizing: border-box; border: solid 1px #ddd; font-size: 12px; padding:16px 20px; box-sizing: border-box; margin:22px auto 0; line-height:22px; text-align:left; } .line_split { padding:0 20px; } .calc_result .content .calc_title{ margin-bottom:20px; } .calc_left .calc_title{ padding-right:70px; } .result_desc .result_line { line-height: 30px; } .result_desc .result_line .result_detail{ padding-left:30px; } .result_step { margin-top: 20px; text-align: center; } .result_step img{ margin-top:16px; } .calc_result .content .calc_right{ width:600px; padding:0 40px; } .calc_store{ float:left; margin-top:60px; } .calc_result .content .calc_right .store_img { width: 220px; height: 220px; float: left; } .calc_result .content .calc_right .store_info{ width:300px; float:left; } .store_info .store_name{ line-height:18px; } .store_info table { width: 100%; font-size: 14px; } .store_info table th{ vertical-align:top; color:#999; text-align:left; width:80px; padding-left:20px; height:48px; } .store_info table td { color: #333; vertical-align: top; } .partners_link { padding-right: 30px; box-sizing: border-box; } .partners_link .title { font-size: 14px; padding: 30px 0 8px; font-weight: bold; } .partners_link .links { padding-bottom:40px; } .partners_link .links > a { padding-right: 26px; line-height: 26px; color: #ababab; } /*******首页案例展示***********************/ .content-wrapper { width: 1200px; margin: 0 auto } /*@media screen and (min-width:1460px) { .content-wrapper { width: 1460px } }*/ .index-common .index-common-header { text-align: center } .index-common-header .index-common-title { font-size: 36px; font-weight: 500; color:#000 } .index-common-header .index-common-title-after,.index-common-header .index-common-title-before { display: inline-block; width: 57px; height: 1px; margin: 0 26px; background-color: #666; vertical-align: middle } .index-common-header .index-common-description { display: block; padding: 6px 0; font-size: 18px; color: #000!important } .index-common .index-common-navbar { padding-top: 36px; padding-bottom: 40px; font-size: 14px; text-align: center } .index-common .index-zzx-city-box { position: relative; float: left; left: 50%; margin-top: 28px } .index-common .index-zzx-city { position: relative; left: -50%; text-align: center; font-size: 0; overflow: hidden } .index-zzx { padding: 80px 0 40px } .index-zzx .content-wrapper { padding-bottom: 20px } .index-zzx-city li { float: left; width: 98px; height: 36px; line-height: 36px; font-size: 14px; text-align: center; border: 1px solid #e8e8e8; cursor: pointer } .index-zzx-city li a { display: block } .index-zzx-city li.on a,.index-zzx-city li:hover a { color: #E0BB77 } .index-zzx-city li+li { border-left: 0 } .index-zzx-company-box { height: 445px; width: 100% } .index-zzx-company { font-size: 0; float: left } .index-entries .entries-item+.entries-item,.zzx-company-list+.zzx-company-list { margin-left: 20px } .zzx-company-list { float: left; width: 285px; height: 400px; margin-top: 40px; background-color: #fff; vertical-align: top; *display: inline; *zoom: 1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s } .zzx-company-list.zzx-company-nonmargin { margin-left: 0 } .zzx-company-img { position: relative; width: 285px; height: 200px } .company-bag-url { display: block; width: 285px; height: 200px; overflow: hidden } .zzx-company-bag { width: 285px; height: 200px; -webkit-transition: all .7s; -moz-transition: all .7s; -ms-transition: all .7s; -o-transition: all .7s; transform: all .7s } .zzx-company-tj { position: absolute; top: 0; left: 10px; width: 55px; height: 49px; background: url(../images/-index_bg_m.png) no-repeat } .bg-huoyue { background-position: -100px -1px } .bg-tuijian { background-position: -156px -1px } .zzx-company-logo-box { position: absolute; left: 50%; bottom: -50px; width: 100px; height: 100px; margin-left: -50px; /*background:url(../images/logobg.jpg) no-repeat;*/ background:#342523; background-size:100px; border-radius: 50%; box-shadow: 0 0 10px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,.1); } .zzx-company-logo { position: absolute; left: 50%; width: 84px; height: 84px; margin-left: -42px; bottom: 13px } .zzx-company-detail { position: relative; width: 283px; height: 139px; padding-top: 64px; border: 1px solid #e8e8e8; border-top: 0; text-align: center } .zzx-company-name { padding: 0 40px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .zzx-company-data { padding: 0 7px; margin-top: 12px } .zzx-company-data li { display: inline-block; font-size: 12px; color: #999; *display: inline; *zoom: 1 } .zzx-company-data li+li { margin-left: 8px } .zzx-company-data li em,.zzx-company-data li span { float: left; font-style:normal } .zzx-company-data span { overflow: hidden; width: 27px; color: #ff5a00; text-align: left } .zzx-company-data .favorable-rate { width: 66px } .zzx-company-bespoke { display: inline-block; margin-top: 20px } .zzx-company-bespoke { width: 78px; height: 28px; font-size: 12px; line-height: 28px; border:#e0e0e0 1px solid; color:#666666 } .zzx-company-list .zzx-company-bespoke:hover { width: 80px; height: 30px; line-height: 30px; } .company-zx-icon { position: absolute; top: 13px; right: 0; width: 156px; height: 30px; display:none } .company-zx-phone { width: 260px; font-size: 12px; color: #333 } .zzx-company-list:hover .company-zx-phone { width: 260px } .zzx-company-list .company-zx-phone:hover .company-zx-phoneNum { color: #fff } .zzx-company-list:hover .zzx-company-detail { border: 0; *border: 1px solid #e8e8e8 } .zzx-company-list .virtual__contact:hover,.zzx-company-list .virtual__ordered:hover,.zzx-company-list .zzx-company-bespoke:hover { width: 80px; height: 30px; line-height: 30px; background-color: #ff5a00; color: #fff; border: 0 } .company-zx-phoneNum { font-size: 20px; color: #333; vertical-align: middle } .zzx-company-list:hover { border: 0; box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } .zzx-company-list:hover .zzx-company-bag { -webkit-transition: scale(1.1); -moz-transition: scale(1.1); -ms-transition: scale(1.1); -o-transition: scale(1.1); transform: scale(1.1) } /*******蓝钻工程*******************/ .lz{width:1200px; margin:0 auto; overflow:hidden; height:392px; background:url(../images/lz_bj.jpg) no-repeat center center #717171; clear:both;/* background-size:cover; */} .lz_L{width:473px; height:392px; float:right; background:url(../images/lz_title.png) no-repeat center center;} #cons {width: 60%; float:left;} #tagss {width:25%; float:left;} #tagss LI { display:block; border-bottom:1px solid #fff; overflow:hidden; padding-right:10px;} #tagss LI A { display:block; height:130px; line-height:130px; text-align:center; background:#b4a8a4; font-family:'Microsoft YaHei'; font-size:18px; color:#211815; border-bottom:1px solid #a5a19c;} #tagss LI.selectTags {background:url(../images/lz_jiantou.png) no-repeat center right;} #tagss LI.selectTags A {background:#e2b275; color:#fff;} #tagContents {width:75%; float:left;} .tagContents {DISPLAY: none; padding-left:15px; padding-top:15px;} #tagContents DIV.selectTags { DISPLAY: block} .lz_txt{display:block; overflow:hidden; font-family:'Microsoft YaHei'; color:#646464; font-size:14px; line-height:24px; padding-right:20px} .lz_txt .lz_p{font-size:16px; color:#353535; display:block; line-height:36px;} .lz_txt .lz_more{width:105px; height:30px; line-height:28px; text-align:center; border:1px solid #cdcdcd; margin-top:15px; border-radius:20px;} .lz_txt .lz_more a{display:block; font-family:SimSun; color:#9c9c9c; transition:all 0.5s; border-radius:20px;} .lz_txt .lz_more a:hover{background:#9c9c9c; color:#fff;} .lz_ul{ display:block; padding-top:20px; overflow:hidden;} .lz_ul li{ display:block; height:56px; line-height:55px; border-bottom:1px dotted #9f9f9f; overflow:hidden;} .lz_ul li div{width:33.33%; float:left;} .lz_ul li .lz_p{ font-family:"Microsoft YaHei"; font-size:15px; color:#5d5d5d; background:url(../images/lz_shutiao.jpg) no-repeat right center;} .lz_ul li .lz_p1{ text-align:center;} .lz_ul li .lz_more a{ width:81px; display:block; height:23px; line-height:23px; text-align:center; margin:18px auto 0 auto; background:#e2b275; border-radius:3px; font-family:"Microsoft YaHei"; font-size:15px; color:#fff;} /****首页豪钻工程轮播*****/ .clear { clear:both } #gallery { position:relative; height:392px } #gallery a { float:left; position:absolute; } #gallery a img { border:none; } #gallery a.show { z-index:500 } #gallery .caption { z-index:600; /*background-color:#000;*/ color:#ffffff; height:100px; width:100%; position:absolute; bottom:0; } #gallery .caption .content { margin:0px; padding:10px 20px 0 20px; color:#FFF } #gallery .caption .content h3 { margin:0; color:#FFE066; } /*首页Bnaner*/ ul, li{ list-style-type:none; padding:0; margin:0} .picScroll-left{ width:100%; overflow:hidden; position:relative; height:550px; margin:0; padding:0} .picScroll-left .hd{height:250px; width:90%; position:absolute; z-index:9; left:50%; margin-left:-45%; bottom:10px; top:50%;} .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:42px; height:42px; float:right; position:absolute; cursor:pointer; border:#f0f0f0 0px solid;} .picScroll-left .hd .next{ background:url(../images/banner_jiantou_on2.png) left center no-repeat; right:0;} .picScroll-left .hd .prev{ background:url(../images/banner_jiantou.png) left center no-repeat; float:left;} .picScroll-left .hd ul{ text-align:center; width:100%;overflow:hidden; zoom:1; position:absolute;bottom:0px; left:0; height:20px;} .picScroll-left .hd ul li{ display:inline-block; width:12px; height:12px; overflow:hidden; margin-right:5px; background:#FFF; text-indent:-999px; cursor:pointer; border:1px solid #FFF; border-radius:100%; position:relative; z-index:9} .picScroll-left .hd ul li.on{ background:#E40005; border:#E40005 1px solid; width:40px; height:12px;border-radius:12px;} .tempWrap{ margin:0 auto;} .picScroll-left .bd{ width:100%; overflow:hidden; height:550px;} .picScroll-left .bd ul{ overflow:hidden; zoom:1;} .picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center; width:100%; height:550px;} .picScroll-left .bd ul li .pic{ text-align:center; position:relative; width:100%; overflow:hidden; height:550px;} .picScroll-left .bd ul li .pic img{display:block; height:550px; width:1920px; position:absolute; left:50%; margin-left:-960px;} 亚洲国产国语自产精品,久久精品国产亚洲精品,国产精品不只是精品,免费观看视频日本免费一区,他的舌头弄得我爽水好多