#newBridge{ z-index: 99 !important; } .ow{ overflow: hidden; } .scaleimg{ overflow: hidden; -webkit-transform: rotate(0deg); transform: rotate(0deg); display: block; } .scaleimg img{ width: 100%; height: 100%; -webkit-transition: transform .5s; transition: transform .5s; } .scalebg{overflow: hidden; -webkit-transform: rotate(0deg); transform: rotate(0deg); display: block; position: relative; } .scalebg .bg{ width: 100%; height: 100%; -webkit-transition: transform .5s; transition: transform .5s; } .ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; } /*rightNav*/ .rightNav{ position: fixed; width: 40px; bottom:0; z-index: 100; right: 0; padding-bottom: 10px; } .rightNav .li .a{ position: relative; height:42px; display: block; } .rightNav .li .ico{ position: absolute; width: 25px; height:25px; left: 50%; top:50%; margin:-12px 0 0 -12px; } .rightNav .li .ico img{ display: block; width: 100%; } .rightNav .li .c{ position: absolute; width: 205px; height:100%; background:url(http://www.beijingbinzang.com/common/image/temp/rn5.png) no-repeat center right; right: 0; top:0; text-align: right; line-height: 42px; color:#fff; } .rightNav .li .c .icon{ top:0; margin:0; right: 9px; position: absolute; } .rightNav .li .c span{ padding-right: 50px; } .rightNav .li .ewm{ position: absolute; right: 40px; top:50%; margin-top:-50px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);} .rightNav .li .ewm img{ width: 100px; height:100px; display: block; } .rightNav .li .c,.rightNav .li .ewm{ opacity: 0; visibility: hidden; transition:all 0.3s; -webkit-transition:all 0.3s; } .rightNav .li:hover .c,.rightNav .li:hover .ewm{ opacity: 1; visibility: visible; } /* pc style */ #full{ padding-right: 40px; } #menuFull{ position: fixed; z-index: 5; right: 0; top:0; height:100%; width: 40px; background:#fff; } #menuFull ul{ position: relative; top:85px; padding:30px 0; background:url(http://www.beijingbinzang.com/common/image/temp/home1.png) no-repeat center top; } #menuFull ul:after{ background:url(http://www.beijingbinzang.com/common/image/temp/home1.png) no-repeat center bottom; content:""; position: absolute; left: 0; bottom:0; width: 100%; height:30px; } #menuFull a{ display: block; position: relative; } #menuFull a span{ display: block; width:16px; line-height: 20px; font-size: 16px; margin:0 auto; border-bottom:1px solid #ccc; padding:20px 0; position: relative; z-index: 1; } #menuFull li:last-child a span{ border:none; } #menuFull .s{ position: absolute; width: 98px; height:100%; top:0; right:0; background:url(http://www.beijingbinzang.com/common/image/temp/rn0.png) no-repeat right center; z-index: 10; opacity: 0; visibility: hidden; transition:all 0.5s; -webkit-transition:all 0.5s; } #menuFull .s i{ display: block; position: absolute; line-height: 20px; margin-top:-20px; color:#fff; right: 0; width: 60px; text-align: center; font-style: normal; top:50%; } #menuFull .active .s{ opacity: 1; visibility: visible; } .section{ overflow: hidden; } .homefooter,.homefooter .fp-tableCell{ height:auto !important; } .home1 .list{ position: relative; z-index: 1; } .home2 .bgi{ background-repeat: no-repeat;background-size: cover;background-position: center;height: 100%;} .home2 .cont {height: 685px;position: absolute;top: 50%;margin-top: -342.5px;width: 100%;} .home2 .cont .tit {color: #fff; writing-mode: vertical-lr;writing-mode: tb-lr;position: absolute;right: 850px;top: 275px;z-index: 1;height: 255px;} .home2 .cont .tit .t1 { writing-mode: vertical-rl;writing-mode: tb-rl;font-weight: bold;} .home2 .cont .tit .t2 {font-family: Arial;writing-mode: vertical-rl;writing-mode: tb-rl;margin-left: 5px;margin-right: 20px;text-transform: uppercase;} .home2 .cont .tit .p {writing-mode: vertical-rl;writing-mode: tb-rl;} .home2 .cont .imgs {background-repeat: no-repeat;background-size: cover;background-position: center;width: 680px;height: 538px;position: absolute;left: 0;bottom: 0;} .home2 .cont .div {position: absolute;color: #fff;text-align: center;} .home2 .cont .div a {display: block;width: 100%;height: 100%;} .home2 .cont .div .ico {max-width: 120px;max-height: 106px;text-align: center;margin: 0 auto 10px; } .home2 .cont .div .ico img {max-width: 100%;max-height: 100%;display: inline-block;width: auto;height: auto;vertical-align: bottom;} .home2 .cont .div .h20 {} .home2 .cont .div .p {font-family: Arial;padding-top: 3px;text-transform: uppercase;} .home2 .cont .d1 {width: 258px;height: 231px;left: 165px;top: 18px;} .home2 .cont .d2 {width: 257px;height: 231px;left: 423px;top: 46px;} .home2 .cont .d3 {width: 257px;height: 231px;left: 423px;top: 275px;} .home2 .cont .d4 {width: 276px;height: 229px;left: 680px;top: 0px;} .home2 .cont .d4 .middle-cont {position: absolute;left: 30px;right: 30px;bottom: 30px;text-align: left;} .home2 .cont .d5 {width: 276px;height: 229px;left: 680px;top: 229px;} .home2 .cont .d6 {width: 276px;height: 228px;left: 680px;top: 457px;} .home2 .cont .d7 {width: 276px;height: 229px;left: 956px;top: 131px;} .home2 .cont .d8 {width: 276px;height: 229px;left: 956px;top: 345px;color: #333;} .home3 .cont .r .l_box .top:before{ content:""; position: absolute; width: 100%; height:61px; left: 0; top:-61px; background: rgba(186,186,186,0.3); border-right: 1px solid #cdcdcd; box-sizing:border-box; } .home3 {background: url(http://www.beijingbinzang.com/common/image/temp/home11.jpg);} .home3 .pad{ box-sizing:border-box; height: 100%;padding-top: 50px;} .home3 .cont {position: relative;height: 100%; border-top: 1px solid #d1d1d1; box-sizing:border-box; } .home3 .cont:before {content: "";position: absolute;width: 1px;top:0;background: #d4d4d4;bottom: 0;left: 50%;position: absolute;} .home3 .cont:after {content: "";display: block;clear: both;} .home3 .cont .l {float: left;width: 50%;height: 100%;position: relative;} .home3 .cont .l:after {content: "";position: absolute;width: 50%;height: 61px;background: rgba(186,186,186,0.3);top: -61px;left: 0;position: absolute;} .home3 .cont .l:before {content: "";position: absolute;width: 1px;top:0;background: #d4d4d4;bottom: 0;left: 50%;position: absolute;} .home3 .cont .l .slick-mod {height: 68%;} .home3 .cont .l .slick-item {height: 100%;} .home3 .cont .l .slick-item .img {background-size: cover;background-position: center;background-repeat: no-repeat;height: 100%;} .home3 .cont .l .slick-item .img a {display: block;width: 100%;height: 100%;} .home3 .cont .l .text {border-bottom: 1px solid #d4d4d4;position: relative;} .home3 .cont .l .text:after {content: "";display: block;clear: both;} .home3 .cont .l .text:before {content: "";display: block;position: absolute;width: 100%;height: 49px;background: url(http://www.beijingbinzang.com/common/image/temp/icon8.png) no-repeat center;left: 0;top: -20px;} .home3 .cont .l .text .item {float: left;width: 50%;position: relative;} .home3 .cont .l .text .item .padd {padding: 15% 13%;} .home3 .cont .l .text .item .h20 {color: #333333;position: relative;} .home3 .cont .l .text .item .h20:before {content: "";display: block;position: absolute;left: -30px;width: 18px;height: 18px;background: url(http://www.beijingbinzang.com/common/image/temp/ico1.png) no-repeat center;top: 5px;} .home3 .cont .l .text .item .p {padding-top: 20px;} .home3 .cont .l .text .item:last-child .p {padding-top: 45px;} .home3 .cont .l .text:hover .item .h20:before {background-image: url(http://www.beijingbinzang.com/common/image/temp/ico1_a.png);} .home3 .cont .l .text:hover .item .h20 {color: #65281a;} .home3 .slick-slider .slick-track, .home3 .slick-slider .slick-list {height: 100%;} .home3 .slick-slide>div, .home3 .slick-slide {height: 100%;} .home3 .slick-dots {right: 40px;bottom: 40px;text-align: right;} .home3 .r .slick-dots {right: 30px;bottom: 7%;text-align: right;} .home3 .cont .r {height: 100%;position: relative;float: right;width: 50%;} .home3 .cont .r .l_box {float: left;width: 46.9%; height: 100%;position: relative;background: rgba(186,186,186,0.3);} .home3 .cont .r .l_box .top .zIdx{ padding: 150px 0 0 25%; } .home3 .cont .r .l_box .top { left: 0; width: 100%; z-index: 10; top: 0; position: relative;z-index: 1; height:68%;} .home3 .cont .r .l_box .top .t1 { writing-mode: vertical-rl;writing-mode: tb-rl;font-weight: bold;color: #71321b;font-style: 36px; float: left; } .home3 .cont .r .l_box .top .t2 {float: left; font-family: Arial;writing-mode: vertical-rl;writing-mode: tb-rl;margin-left: 5px;margin-right: 20px;text-transform: uppercase;color: #71321b} .home3 .cont .r .l_box .top .p {float: left; writing-mode: vertical-rl;writing-mode: tb-rl;color: #707070; height:360px;} .home3 .cont .r .l_box .top:after {content: "";display: block;position: absolute;left: 0;bottom: 0;width: 169px;height: 259px;background: url(http://www.beijingbinzang.com/common/image/temp/icon9.png) no-repeat center;} .home3 .cont .r .l_box .pic {background-size: cover;background-position: center;background-repeat: no-repeat;height: 32%;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 1;} .home3 .cont .r .l_box:after {content: "";background: #d4d4d4;display: block;right: 0;top: 0;bottom: 0;width: 1px;position: absolute;} .home3 .cont .r .r_box {overflow: hidden; height: 100%;} .home3 .cont .r .slick-mod {overflow: hidden;} .home3 .cont .r .l_box .top .s-more {margin-left: 35px;} .home3 .cont .r .slick-mod {height: 71%;} .home3 .cont .r .slick-item {height: 100%;} .home3 .cont .r .text {height: 29%;} .home3 .cont .r .text .padd {padding: 16.5% 13%;} .home3 .cont .r .text .h20 {color: #333333;position: relative;padding-bottom: 20px;} .home3 .cont .r .text .h20:before {content: "";display: block;position: absolute;left: -30px;width: 18px;height: 18px;background: url(http://www.beijingbinzang.com/common/image/temp/ico1.png) no-repeat center;top: 5px;} .home3 .cont .r .text .p {color: #707070;} .home3 .cont .r .text:hover .h20 {color: #65281a;} .home3 .cont .r .text:hover .h20:before {background-image: url(http://www.beijingbinzang.com/common/image/temp/ico1_a.png);} .home3 .cont .r .slick-item .img {height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;} .s-more { writing-mode: vertical-rl;writing-mode: tb-rl;text-align: center;line-height: 31px;} .s-more .s1 {display: block;border: 1px solid #856e34;border-top: 0;border-bottom: 0;padding: 0 0px; display: inline-block;text-align: center;margin: 5px 0;} .s-more .arr {display: inline-block;width: 31px;height: 18px;background-size: cover;background-position: center;background-repeat: no-repeat;} .s-more .r1 {background-image: url(http://www.beijingbinzang.com/common/image/temp/arr1.png);} .s-more .r2 {background-image: url(http://www.beijingbinzang.com/common/image/temp/arr2.png);} .h-more { text-align: center;line-height: 31px;} .h-more .s1 {display: block;border: 1px solid #856e34;border-left: 0;border-right: 0;padding: 0 5px; display: inline-block; vertical-align: middle;margin:0 5px;} .h-more .arr {display: inline-block;width: 18px;height: 31px;background-size: cover;background-position: center;background-repeat: no-repeat; vertical-align: middle; } .h-more .r1 {background-image: url(http://www.beijingbinzang.com/common/image/temp/arr3.png);} .h-more .r2 {background-image: url(http://www.beijingbinzang.com/common/image/temp/arr4.png);} .home4 .bgi {height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;} .home4 .bgi .l {float:left; width: 50%; height:100%; } .home4 .bgi .l .con{ position: relative; height:100%; } .home4 .bgi .l .bg{ position: absolute; width: 100%; height:20%; background:url(http://www.beijingbinzang.com/common/image/temp/home2.png) no-repeat center top; left: 0; bottom:0; } .home4 .bgi .l .ico{ position: absolute; height:280px; top:50%; left: 0; width: 100%; margin-top: -140px; } .home4 .bgi .l .ico img{ display: block; margin:0 auto; height:100%; } .home4 .bgi .l .line{ position: absolute; width: 5px; height:5px; border-radius: 50%; background:#fff; left: 50%; margin-left: -2.5px; top:-30px; } .home4 .bgi .l .line:after{ content:""; position: absolute; width: 1px; left: 2px; bottom:0; height:1000px; background:#fff; } .home4 .bgi .r{ float: left; width: 50%; height:100%; position: relative; overflow: hidden; } .home4 .bgi .r .cont{ width: 610px; height:420px; left: 0; top:50%; margin-top: -210px; position: absolute; } .home4 .bgi .r .cont .t2{ float: right; position: relative; width: 30px; text-align: center; line-height: 1; color:#71321b; font-size: 36px; font-family: "宋体"; } .home4 .bgi .r .cont .p{ height:420px; float: right; writing-mode: vertical-rl;writing-mode: tb-rl; padding:0 70px 0 30px; line-height: 1.8; } .home4 .bgi .r .cont .s-more{ float: right; } .home4 .bgi .r .cont .t2 .line1{ position: absolute; width: 5px; height:5px; border-radius: 50%; background:#c5c5c5; left: 50%; margin-left: -2.5px; top:-15px } .home4 .bgi .r .cont .t2 .line1:after{ content:""; position: absolute; width: 1px; left: 2px; bottom:0; height:1000px; background:#c5c5c5; } .home4 .bgi .r .cont .t2 .line2{ width: 51px; position: absolute; top:120%; left: 50%; margin-left: -25px; height:1000px; background:url(http://www.beijingbinzang.com/common/image/temp/home4.png) no-repeat center top; } .home4 .bgi .r .cont .t2 .line2:after{ content:""; position: absolute; width: 1000px; right: 50px; top:340px; height:1px; background:#c5c5c5; } .home4 .bgi .l .ico img{ transition:all 0.3s; -webkit-transition:all 0.3s; } .home4 .bgi .l .ico img:hover{ transform:scale(1.05); -webkit-transform:scale(1.05); } .tit_36{ line-height: 1; color:#fff; font-size: 36px; font-family: "宋体"; writing-mode: vertical-rl;writing-mode: tb-rl;} .tit_22_en{ line-height: 1; color:#fff; font-size: 22px; font-family: arial; writing-mode: vertical-rl;writing-mode: tb-rl; padding:0 0 0 15px; text-transform: uppercase; } .tit_com{ overflow: hidden; } .tit_com .t1{ float: left; font-family: "宋体"; } .tit_com .t2{ float: left; text-transform: uppercase; padding-left: 10px; padding-top: 15px; } .tit_com .h-more{ float: right; margin-top: 7px; } .tit_com .tit_36{ writing-mode:inherit; -webkit-writing-mode:inherit; -ms-writing-mode:rl-bt; margin:0; text-align: center; } .tit_com .tit_22_en{ writing-mode:inherit; -webkit-writing-mode:inherit; -ms-writing-mode:rl-bt; margin:0; padding:10px 0 0; text-align: center; } .home5 .bgi{ position: absolute; width: 100%; height:100%; left:0; top:0; } .home5 .con{ width: 1230px; margin:0 auto; position: relative; z-index: 5; color:#fff; } .home5 .con .l{ float: left; overflow: hidden; width: 410px; } .home5 .con .l .tit_36{ float: left; padding-left: 20px; } .home5 .con .l .tit_22_en{ float: left; } .home5 .con .l .p{ padding-left: 25px; writing-mode: vertical-rl;writing-mode: tb-rl; height:550px; float: left; line-height: 1.8; } .home5 .con .r{ width: 820px; float: left; height:550px; position: relative; } .home5 .con .r .li{ position: absolute; width: 400px; top:-46px; left:240px; z-index: 5; } .home5 .con .r .li .ico{ float: left; width: 164px; height:164px; background:url(http://www.beijingbinzang.com/common/image/temp/home19.jpg) no-repeat center; background-size: 100% 100%; position: relative; } .home5 .con .r .li .ico img{ position: absolute; width: 90px; height:90px; margin:-45px 0 0 -45px; left:50%; top:50%; } .home5 .con .r .li .txt{ overflow: hidden; padding:0 0 0 35px; height:164px; } .home5 .con .r .li .txt .h24{ padding-bottom: 10px; } .home5 .con .r .li:nth-child(2) .ico{ background-image:url(http://www.beijingbinzang.com/common/image/temp/home20.jpg); } .home5 .con .r .li:nth-child(3) .ico{ background-image:url(http://www.beijingbinzang.com/common/image/temp/home21.jpg); } .home5 .con .r .li:nth-child(4) .ico{ background-image:url(http://www.beijingbinzang.com/common/image/temp/home22.jpg); } .home5 .con .r .li:nth-child(2){ left:0; top:50%; margin-top:-82px; width: 370px; } .home5 .con .r .li:nth-child(3){ top:auto; bottom:-46px; } .home5 .con .r .li:nth-child(4){ left: 490px; right:0; top:50%; margin-top:-82px; width: 320px; } .home5 .con .r:after{ content:""; position: absolute; width: 1920px; height:1080px; margin:-540px 0 0 -1166px; left:50%; top:50%; background:url(http://www.beijingbinzang.com/common/image/temp/home10.png) no-repeat center; } .home5 .yun{ position: absolute; left:0; bottom: 0; transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%); width: 100%; } .home5 .yun img{ display: block; width: 100%; } .home6{ background:url(http://www.beijingbinzang.com/common/image/temp/home26.jpg) no-repeat center right; background-size: cover; } .home6 .yun{ position: absolute; left:0; top: 0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); width: 100%; } .home6 .yun img{ display: block; width: 100%; } .home6 .con{ margin:0 auto; width: 1230px; } .home6 .con .l{ float: left; width: 785px; } .home6 .con .l .c{ padding-top: 40px; } .home6 .con .l .c_l{ float: left; width: 365px; } .home6 .con .l .c_l .img img{ display: block; width: 100%; } .home6 .con .l .c_l .t3{ padding:20px 0; } .home6 .con .l .c_l .p{ color:#707070; margin-bottom: 15px; line-height: 1.5em; max-height: 4.5em; text-align: justify; } .home6 .con .l .c_r{ float: right; width: 365px; } .home6 .con .l .c_r .li{ padding-bottom: 18px; border-bottom: 1px dotted #cdcdcd; padding-left: 30px; background:url(http://www.beijingbinzang.com/common/image/temp/arr5.png) no-repeat left 3px; } .home6 .con .l .c_r .li + .li{ margin-top: 15px; } .home6 .con .l .c_r .m{ margin-top: 6px; display: inline-block; } .home6 .con .l .c_r .li:hover{ color:#6c2016; background-image:url(http://www.beijingbinzang.com/common/image/temp/arr6.png); } .home6 .con .r{ float: right; width: 365px; position: relative; } .home6 .con .r{ right: auto; } .home6 .con .r .list{ padding-top: 33px; } .home6 .con .r .li{ position: relative; padding-right: 85px; line-height: 24px; padding-bottom: 15px; } .home6 .con .r img{ display: block; width: 100%; } .home6 .con .r .li .time{ position: absolute; right: 0; top:0; } .home6 .con .r .li:hover{ color:#6c2016; } .home6 .con .l .c_l:hover a{ color:#6c2016; } .homefooter{ overflow: inherit; } /*百科*/ .bk_1{ height:300px; background:url(http://www.beijingbinzang.com/common/image/temp/bk_1.jpg) no-repeat center; background-size: cover; } .bk_1 .tit_com{ padding:75px 0 50px; } .bk_1 .bk_tab{ text-align: center; } .bk_tab .li{ display: inline-block; margin:0 12px; width: 176px; height:40px; line-height: 40px; vertical-align: middle; } .bk_tab .li .a{ display: block; background:url(http://www.beijingbinzang.com/common/image/temp/bk_1.png) no-repeat center; background-size: 100% 100%; font-size: 16px; color:#ffe6af; position: relative; z-index: 3; } .bk_tab .li.on .a{ background-image: url(http://www.beijingbinzang.com/common/image/temp/bk_2.png); color:#fff; } .bk_2{ padding:30px 0 95px; } .bk_2 .li{ position: relative; border:1px solid #e0e0e0; position: relative; } .bk_2 .li .pad{ padding:25px; } .bk_2 .li .img{ float: left; padding-right: 44px; } .bk_2 .li .img .a{ display: block; } .bk_2 .li .img img{ display: block; width: 280px; height:170px; } .bk_2 .li .txt{ overflow: hidden; height:170px; } .bk_2 .li + .li{ margin-top:-1px; } .bk_2 .li .t3{ font-size: 20px; padding:12px 0 5px; } .bk_2 .li .time{ font-family: arial; font-size: 16px; color:#707070; } .bk_2 .li .p{ text-align: justify; padding:10px 0 25px; color:#707070; } .bk_2 .li .line1{ width: 16px; height:16px; position: absolute; left: -2px; top: -2px; } .bk_2 .li .line2{ width: 16px; height:16px; position: absolute; right: -2px; top: -2px; } .bk_2 .li .line3{ width: 16px; height:16px; position: absolute; left: -2px; bottom: -2px; } .bk_2 .li .line4{ width: 16px; height:16px; position: absolute; right: -2px; bottom: -2px; } /*background:#6c2016; */ .bk_2 .li .s1{ background:#e0e0e0; } .bk_2 .li .s2{ background:#e0e0e0; } .bk_2 .li .line1 .s1{ position: absolute; width: 16px; height:3px; left: 0; top:0;} .bk_2 .li .line1 .s2{ position: absolute; width: 3px; height:16px; left: 0; top:0; } .bk_2 .li .line2 .s1{ position: absolute; width: 16px; height:3px; right: 0; top:0;} .bk_2 .li .line2 .s2{ position: absolute; width: 3px; height:16px; right: 0; top:0; } .bk_2 .li .line3 .s1{ position: absolute; width: 16px; height:3px; left: 0; bottom:0;} .bk_2 .li .line3 .s2{ position: absolute; width: 3px; height:16px; left: 0; bottom:0; } .bk_2 .li .line4 .s1{ position: absolute; width: 16px; height:3px; right: 0; bottom:0;} .bk_2 .li .line4 .s2{ position: absolute; width: 3px; height:16px; right: 0; bottom:0; } .bk_2 .li:hover{ background:url(http://www.beijingbinzang.com/common/image/temp/bk_3.png) no-repeat 0 0; z-index: 5; } .bk_2 .li:hover .s1, .bk_2 .li:hover .s2{ background:#6c2016; } .bk_2 .li:hover .t3,.bk_2 .li:hover .time,.bk_2 .li:hover .m_more{ color:#6c2016; } .bk_2 .list{ padding-bottom:60px; } .bk_3 .li{ width:130px; height:148px; float: left; } .bk_3 .li .a{ display: block; width: 100%; height:100%; background:url(http://www.beijingbinzang.com/common/image/temp/bk_13.png) no-repeat center; background-size: 100% 100%; text-align: center; } .bk_3 .li .ico{ padding:28px 0 0px; } .bk_3 .li .ico img{ width: 62px; height:62px; margin:0 auto; display: block; } .bk_3 .li .ico .rd{ display: none; } .bk_3 .li .a .t3{ line-height: 1.2; } .bk_3 .li + .li{ padding-left: 7px; } .bk_3{ padding-bottom: 60px; } /*案例*/ .case{ background:url(http://www.beijingbinzang.com/common/image/temp/home23.jpg) repeat 0 0; } .case1{ height:417px; background-image:url(http://www.beijingbinzang.com/common/image/temp/case1.jpg); } .case2{ margin-top: -115px; padding:0 0 95px;} .case2 .list{ width: 1246px; } .case2 .li{ float: left; width: 400px; height:446px; background:url(http://www.beijingbinzang.com/common/image/temp/case5.jpg) no-repeat center; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin:0 15px 15px 0; } .case2 .li .pad{ display: block; padding:12px 0 0; width: 370px; margin:0 auto; } .case2 .li .pad .img .a,.case2 .li .pad .img img{ display: block; width: 100%; height:223px; } .case2 .li .t3{ font-size: 20px; padding:22px 0 10px; } .case2 .li .p{ color:#707070; line-height: 1.5em; height:3em; overflow: hidden; } .case2 .li .time{ color:#707070; margin-bottom: 25px; } .case2 .li .time span{ font-family: arial; } .case2 .list{ padding-bottom:45px; } .case2 .li:hover a{ color:#6c2016; } .home3 .cont .r .l_box .zIdx{ z-index: 10; position: relative; } /*服务团队*/ .service .slick-dots li{ border:1px solid #fff; background:#fff; } .service .slick-dots .slick-active{ background:none; } .service_1{ position: relative; overflow: hidden; } .service_1 .imgList{ float: left; width: 50%; } .service_1 .cont{ position: absolute; width: 50%; height:100%; right: 0; top: 0; background:url(http://www.beijingbinzang.com/common/image/temp/ser_3.jpg) repeat 0 0; } .service_1 .cont .top{ position: relative; height:50%; width: 100%; background:url(http://www.beijingbinzang.com/common/image/temp/ser_2.jpg) no-repeat center; background-size: cover; } .service_1 .cont .top .tit{ position: absolute; width: 435px; left: 105px; top:50%; margin-top:-105px; } .service_1 .cont .tit_com .tit_36{ text-align: left; position: relative; display: inline-block; } .service_1 .cont .tit_com .tit_22_en{ text-align: left; } .service_1 .cont .tit_com .p{ text-align: justify; padding-top: 30px; color:#fff; font-size: 16px; } .service_1 .cont .tit_com{ overflow: inherit; } .service_1 .cont .tit_36 span{ position: absolute; width: 4px; height:4px; border:1px solid #fff; border-radius: 50%; right: -44px; top:50%; margin-top:-3px; opacity: 0.5; } .service_1 .cont .tit_36 span:after{ content:""; position: absolute; width: 1000px; left: 100%; top:50%; margin-top: -0.5px; height:1px; background:#fff; } .service_1 .cont .bot{ height:50%; position: relative; overflow: hidden; } .service_1 .cont .bot .li{ width: 16.66%; position: absolute; left: 0; top:0; bottom: 65px; overflow: hidden; background:url(http://www.beijingbinzang.com/common/image/temp/ser_4.jpg) repeat 0 0; } .service_1 .cont .bot .li:nth-child(2n){ background-image:url(http://www.beijingbinzang.com/common/image/temp/ser_5.jpg); bottom:0; } .service_1 .cont .bot .li + .li{ left: 16.66%; } .service_1 .cont .bot .li + .li + .li{ left: 33.32%; } .service_1 .cont .bot .li + .li + .li + .li{ left: 49.98%; } .service_1 .cont .bot .li + .li + .li + .li + .li{ left: 66.64%; } .service_1 .cont .bot .li + .li + .li + .li + .li + .li{ width: 16.7%; left: 83.3%; } .service_1 .cont .bot .txt{ position: absolute; width: 23px; left: 50%; top:45px; margin-left: -11.5px; line-height: 1.1; color:#fff; font-size: 22px; } .service_1 .cont .bot .txt .s1{ display: block; height:13px; background:url(http://www.beijingbinzang.com/common/image/arr1.png) no-repeat center top; } .service_1 .cont .bot .txt .s2{ display: block; height:13px; background:url(http://www.beijingbinzang.com/common/image/arr1a.png) no-repeat center bottom; } .service_1 .cont .bot .txt .t{ text-align: center; padding:20px 0; display: block; } .service_1 .cont .bot .cir{ position: absolute; width: 100px; height:100px; left: 50%; bottom:-50px; margin-left: -50px; background:url(http://www.beijingbinzang.com/common/image/temp/ser_1.png) no-repeat center; background-size:100% 100%; } .service_2{ padding:95px 0 140px; background:url(http://www.beijingbinzang.com/common/image/temp/ser_13.jpg) repeat center; } .service_2 .cont{ position: relative; margin-top: 50px; overflow: hidden; } .service_2 .l{ position: absolute; width: 34.9%; height:100%; color:#fff; background: url(http://www.beijingbinzang.com/common/image/temp/ser_6.jpg) no-repeat center; top:0; left: 0; z-index: 1; } .service_2 .r{ position: relative; z-index: 5; width: 65.1%; float: right; } .service_2 .r .img{ padding:0 0 0 15px; } .service_2 .r .li + .li .img{ margin-top: 15px; } .service_2 .r .li img{ display: block; width: 100%; } .service_2 .l .tit{ position: absolute; width: 230px; right: 100px; top:40%; transform:translateY(-50%); -webkit-transform:translateY(-50%); } .service_2 .l .tit .p{ font-size: 18px; text-align: justify; } .service_2 .slick-dots{ width: auto; left: -330px; text-align: left; bottom:40px; right: auto; } .service_2 .slick-dots:after{ content:""; position: absolute; width: 180px; height:20px; left: 120%; top:50%; margin-top: -10px; background:url(http://www.beijingbinzang.com/common/image/temp/ser_2.png) no-repeat center right; } .service_3 { padding:100px 0 95px; } .service_3 .tit_36{ color:#474747; } .service_3 .tit_22_en{ color:#474747; } .service_3 .tit_com .p{ text-align: center; padding-top: 33px; } .service_3 .slick-item{ float: left; margin-left: 4px; } .service_3 .slick-item:nth-child(4n+1){ clear:left; } .service_3 .slick-item .item{ padding-top: 0; margin-top: 60px; } .service_3 .ytlfw4 .tit0{ top:140px; } .service_3 .ytlfw4 .slick-item .item:before{ height:140px; } .service_3 .ytlfw4{ overflow: hidden; height:auto; } .service_3 .ytlfw4 .pubc-more1{ position: static; margin:60px auto 0; } .ytlfw4 .text{ border-width: 1px !important; } .service_3 .slick-item:nth-child(n+5) .item{ margin:20px 0 0; padding-top: 60px; } .service_3 .slick-item:nth-child(n+5) .tit0{ top:200px; } .service_3 .slick-item:nth-child(n+5) .slick-item .item:before{ height:200px; } .ytlfw4 .padd{ display: none; } .tc_ser{ position: fixed; width: 100%; height:100%; left:0; top:0; z-index: 100; background:rgba(0,0,0,0.8); display: none; } .tc_ser .cont{ position: absolute; width: 1230px; height:440px; background:url(http://www.beijingbinzang.com/common/image/temp/ser_15.jpg) repeat 0 0; left: 50%; top:50%; margin:-220px 0 0 -615px; } .tc_ser .cont .padd{ position: relative; z-index: 1; padding:40px 30px 0; } .tc_ser .cont .img{ float: left; padding-right: 40px; } .tc_ser .cont .img img{ display: block; width: 600px; height:360px; } .tc_ser .cont .tit{ overflow: hidden; padding-top: 50px; color:#fff; } .tc_ser .cont .tit .t3{ font-size: 20px; padding-bottom: 25px; } .tc_ser .cont .tit .t3 span{ padding-left: 20px; } .tc_ser .cont .tit .t4{ padding-bottom: 5px; } .tc_ser .cont .tit .p{ padding-top: 15px; text-align: justify; } .tc_ser .close{ position: absolute; width:44px; height:44px; background:url(http://www.beijingbinzang.com/common/image/close.png) no-repeat center; background-size:cover; right: 10px; top:10px; z-index: 10; } .about1 .cont{ position: absolute; width: 100%; top:112px; left:0; bottom:0; background:url(http://www.beijingbinzang.com/common/image/temp/ser_3.jpg) repeat 0 0; color:#fff; } .about1 .txt1{ position: absolute; width: 46.35%; left:0; height:58%; top:0; z-index: 5; } .about1 .img2{ position: absolute; width: 53.65%; right:0; height:58%; top:0; overflow: hidden; } .about1 .txt2{ position: absolute; width: 53.65%; right:0; height:42%; bottom:0; } .about1 .img1{ position: absolute; width: 46.35%; left:0; height:42%; bottom:0; overflow: hidden; } .about1 .bg{ height:100%; } .about1 .txt1 .con{ position: absolute; right: 60px; bottom:135px; width: 496px; } .about1 .txt1 .con .tit_com .tit_36{ text-align: left; } .about1 .txt1 .con .tit_com .tit_22_en{ text-align: left; } .about1 .txt1 .con .t3{ font-size: 20px; padding:20px 0 10px; } .about1 .txt1 .con .p{ font-size: 16px; text-align: justify; } .about1 .txt1 .tit{ position: absolute; right: 0; bottom:0; height:120px; width: 274px; background:url(http://www.beijingbinzang.com/common/image/temp/about11.jpg) repeat 0 0; } .about1 .txt1 .tit .li{ float: left; width: 50%; height:100%; text-align: center; } .about1 .txt1 .tit .li .s1{ font-size: 32px; font-family: arial; display: block; line-height: 53px; } .about1 .txt1 .tit .li .s2{ font-size: 16px; } .about1 .txt1 .tit .li .ico img{ display: block; width: 53px; height:53px; margin:0 auto; } .about1 .txt2 .con{ position: absolute; top:55px; left: 70px; width: 615px; } .about1 .txt2 .con .p{ font-size: 16px; text-align: justify; padding-bottom: 20px; } .about1 .txt1 .tit .more img{ width: 51px; height:51px; } .about1 .txt1 .tit .more .ico{ padding-bottom: 2px; } .about1 .txt1 .tit .more{ position: absolute; right:-137px; width: 137px; height:100%; top:0; background:url(http://www.beijingbinzang.com/common/image/temp/about12.jpg) repeat 0 0; } .about2{ position: relative; } .about2 .tit_com{ padding:50px 0 55px; } .about2 .bg{ position: absolute; width: 100%; height:100%; left:0; top:0; z-index: 1; } .about2 .cont{ position: relative; z-index: 5; } .about2 .cont .li{ float: left; width: 20%; height:430px; background:rgba(134,94,72,0.88); color:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); } .about2 .cont .li:nth-child(2){ background:rgba(152,113,70,0.88); } .about2 .cont .li:nth-child(3){ background:rgba(174,134,81,0.88); } .about2 .cont .li:nth-child(4){ background:rgba(175,145,86,0.88); } .about2 .cont .li:nth-child(5){ background:rgba(186,107,89,0.88); } .about2 .cont .li:nth-child(2n){ margin-top: 75px; } .about2 .cont .li .pad{ padding:60px 25px 0; text-align: center; } .about2 .cont .li img{ display: block; margin:0 auto; width:146px; height:146px; } .about2 .cont .li .t3{ font-size: 20px; padding-top: 10px; } .about2 .cont .li .t4{ font-family: arial; text-transform: uppercase; padding:5px 0 10px; } .about2 .cont .li .p{ font-size: 16px; } .about4{ background:url(http://www.beijingbinzang.com/common/image/temp/about3.jpg) no-repeat center; background-size: cover; } .about4 .tit_com .tit_36{ color:#333; } .about4 .tit_com .tit_22_en{ color:#333; } .about4 .tit_com .p{ text-align: center; max-width: 1100px; text-align: center; margin:0 auto; padding-top: 30px; } .about4 .li{ padding-top: 60px; padding-bottom: 10px; } .about4 .img{ width: 370px; height:370px; line-height: 370px; margin:0 auto; text-align: center; background:rgba(255,255,255,0.6); } .about4 .img img{ display: inline-block; vertical-align: middle; max-width: 96%; max-height: 96%; width: auto; height: auto; } .about4 .tit_com{ padding-bottom: 60px; padding-top: 50px; } .about4 .imglist{ width: 1170px; margin:0 auto; padding:0 40px; } .about4 .tit{ height:85px; width: 370px; margin:0 auto; text-align: center; background:rgba(255,255,255,0.6); box-shadow: 0px 2px 5px rgba(0,0,0,0.1); } .about4 .tit .t3{ font-size: 20px; padding:28px 20px 0; } .about5{ background:url(http://www.beijingbinzang.com/common/image/temp/ser_13.jpg) repeat 0 0; } .about5 .tit_com .p{ text-align: center; color:#fff; max-width: 1100px; text-align: center; margin:0 auto; padding-top: 30px; } .about5 .tit_com{ padding-bottom: 60px; padding-top: 50px; } .about5 .li{ position: relative; cursor: pointer; overflow: hidden; } .about5 .li .text{ position: absolute; width: 100%; height:100%; left:0; top:0; z-index: 5; background:#917747; } .about5 .slick-dots{ bottom:-60px; } .about5 .slick-dots li{ background:#fff; border:2px solid #fff; padding:0; width: 8px; height:8px; } .about5 .slick-dots li.slick-active{ background:none; } .about5 .li .text .cont{ padding:0 10%; color:#fff; } .about5 .li .text .cont .t3{ text-align: center; font-size: 20px; padding-bottom: 15px; } .about5 .li .text{ opacity: 0; transition:all 0.5s; -webkit-transition:all 0.5s; visibility: hidden; } .homefooter .bk_3{ padding-top: 80px; } #fp-nav span{ display: block; width: 6px; height:6px; border-radius: 50%; border:2px solid #fff; background:#fff; } #fp-nav li{ padding:3px 0; } #fp-nav .active span{ background:none; } /*详情页*/ .bottomFix{ display: none; } .detal{ height:220px; } .detal .tit_com .time{ text-align: center; padding-top: 15px; } .detal .tit_com .time span{ display: inline-block; padding-left: 30px; line-height: 30px; background:url(http://www.beijingbinzang.com/common/image/temp/del1.png) no-repeat left center; font-family: arial; font-size: 16px; color:#fff; } .detal_cont{ padding:60px 0 0; } .detal_cont .x-wrap{ border-bottom: 1px dotted #666; padding-bottom: 40px; } .detal_cont .p,.detal_cont p{ text-align: justify; text-indent: 2em; padding-bottom: 30px; } .detal_cont img{ display: block; margin:0 auto; max-width: 100%; } .pageN{ padding: 20px 0 80px; } .pageN .n{ padding-top: 5px; } .pageN a:hover{ color:#642316; } .deta_2{ padding-bottom: 70px; } .deta_2 .img{ float: left; width: 393px; } .deta_2 .img a,.deta_2 .img img{ display: block; width: 100%; } .deta_2 .img + .img{ margin-left:25px; } /*灵堂布置*/ @media screen and (min-width: 751px){ .ltline1 .r_con .btn1{ width: 75px !important; margin-right: 10px !important; margin-bottom: 10px; } .ltline2 .r_con .btn1{ margin-bottom: 10px; margin-right: 10px !important; } .about5 .li:hover .text{ opacity: 1; visibility: visible; } } .ltbz_1 .li{ height:325px; color:#fff; } .ltbz_1 .con{ padding-top:40px; height:242px; } .ltbz_1 .con .t2{ float: right; width: 36px; margin-left:25px; text-align: center; font-size: 36px; padding-bottom: 170px; background:url(http://www.beijingbinzang.com/common/image/temp/lt1.png) no-repeat center bottom; line-height: 1.1; margin-top: -3px; } .ltbz_1 .con .p{ float: right; writing-mode: vertical-rl;writing-mode: tb-rl; height:100%; font-size: 20px; line-height: 1.8; letter-spacing: 1px; text-align: justify; } .ltbz_1 .con .a{ display: block; width: 90px; height:246px; background:url(http://www.beijingbinzang.com/common/image/temp/lt2.png) no-repeat center; text-align: center; writing-mode: vertical-rl;writing-mode: tb-rl; line-height: 90px; float: right; font-size: 18px; margin-right: 35px; margin-top:-13px; } .ltbz_1 .slick-dots li{ background:#fff; border:2px solid #fff; padding:0; width: 8px; height:8px; } .ltbz_1 .slick-dots li.slick-active{ background:none; } .ltbz_2{ padding:70px 0; background:url(http://www.beijingbinzang.com/common/image/temp/lt2.jpg) repeat 0 0; } .ltbz_2 .top{ margin:0 auto; width: 1140px; height: 185px; background:url(http://www.beijingbinzang.com/common/image/temp/lt3.png) no-repeat center; } .ltbz_2 .top .p{ padding:65px 105px 0 325px; font-size: 18px; } .ltbz_2 .li{ float: left; width: 600px; } .ltbz_2 .li + .li{ float: right; width: 600px; } .ltbz_2 .list{ padding-top: 60px; } .ltbz_2 .li .img{ float: left; padding:8px; background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } .ltbz_2 .li .img img{ display: block; width: 337px; } .ltbz_2 .li .a{ display: block; } .ltbz_2 .li .txt{ overflow: hidden; padding-left: 22px; } .ltbz_2 .li .txt .t3{ padding-left:30px; background:url(http://www.beijingbinzang.com/common/image/temp/lt4.png) no-repeat left center; color:#684b18; font-size:20px; } .ltbz_2 .li .txt .p{ font-size: 16px; padding-top:10px; text-align: justify; } .ltbz_3{ padding:80px 0 85px; } .ltbz_3 .cont{ color:#fff; margin-top: 30px; height:368px; position: relative; } .ltbz_3 .cont .li .num{ width: 100px; height:100px; border-radius: 50%; border:2px solid #bcb2a2; text-align: center; float: left; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); } .ltbz_3 .cont .li .num span{ display: block; font-family: arial; text-transform: uppercase; font-size: 18px; line-height: 1.1; padding-top: 18px; } .ltbz_3 .cont .li .num b{ font-weight: normal; font-family: impact; font-size: 46px; color:#fbe298; line-height: 1; } .ltbz_3 .cont .li{ width: 355px; position: absolute; } .ltbz_3 .cont .li .txt{ overflow: hidden; padding-left: 18px; margin-top: -3px; } .ltbz_3 .cont .li .txt .t3{ font-size: 20px; padding-bottom: 10px; } .ltbz_3 .cont .li .txt .p{ font-size: 16px; text-indent: 1.4; text-align: justify; } .ltbz_3 .cont .li:nth-child(1){ left:0; top:0; } .ltbz_3 .cont .li:nth-child(2){ left:288px; top:166px; } .ltbz_3 .cont .li:nth-child(3){ left:640px; top:44px; } .ltbz_3 .cont .li:nth-child(4){ right:0px; top:215px; } .ltbz_3 .m_a{ display: block; width: 375px; height:68px; margin:0 auto; text-align: center; line-height: 66px; color:#fff; font-size: 26px; background:url(http://www.beijingbinzang.com/common/image/temp/lt5.png) no-repeat center; } .ltbz_3 .cont .li:nth-child(1) .line{ position: absolute; width: 53px; height:52px; background:url(http://www.beijingbinzang.com/common/image/temp/lt6.png) no-repeat center; left:210px; top:140px; } .ltbz_3 .cont .li:nth-child(3) .line{ position: absolute; width: 53px; height:52px; background:url(http://www.beijingbinzang.com/common/image/temp/lt6.png) no-repeat center; left:388px; top:92px; } .ltbz_3 .cont .li:nth-child(2) .line{ position: absolute; width: 53px; height:52px; background:url(http://www.beijingbinzang.com/common/image/temp/lt7.png) no-repeat center; left:268px; top:-48px; } .ltbz_4{ padding:70px 0; } .ltbz_4 .tit_36,.ltbz_4 .tit_22_en{ color:#474747; } .ltbz_4 .cont{ padding-top: 40px; } .ltbz_4 .cont .li{ float: left; width: 33.33%; position: relative; } .ltbz_4 .cont .li .a{ display: block; height:432px; border:1px solid #e0e0e0; border-left: 0; border-top: 0; } .ltbz_4 .cont .li:nth-child(3n+1) .a{ border-left:1px solid #e0e0e0; } .ltbz_4 .cont .li:nth-child(1) .a,.ltbz_4 .cont .li:nth-child(2) .a,.ltbz_4 .cont .li:nth-child(3) .a{ border-top:1px solid #e0e0e0; } .ltbz_4 .a{ position: relative; z-index: 5; } .ltbz_4 .c{ padding:16px 16px 0; position: relative; z-index: 6; } .ltbz_4 .c .txt{ margin-top: 26px; overflow: hidden; } .ltbz_4 .c .txt .name{ float: left; width: 38px; text-align: center; padding:8px 0; color:#fff; background:#7f4533; line-height: 1.3; } .ltbz_4 .c .tit{ overflow: hidden; padding-left: 15px; position: relative; top:-3px; } .ltbz_4 .c .tit .t3{ font-size: 20px; line-height: 1.3; margin-bottom: 10px; } .ltbz_4 .c .tit .p{ color:#707070; padding-bottom: 10px; } .ltbz_4 .c .tit .m{ color:#707070; } .ltbz_4 .cont .h-more{ margin:40px auto 0; display: block; width: 120px; } .ltbz_4 .li .bg{ position: absolute; width: 100%; height:100%; z-index: 2; top:0; left:0; background:url(http://www.beijingbinzang.com/common/image/temp/lt8.jpg) no-repeat center; background-size: 100% 100%; } .ltbz_4 .li .line{ position: absolute; width: 100%; height:100%; z-index: 2; top:0; left:0; } .ltbz_4 .li .line span{ position: absolute; } .ltbz_4 .li .line span:nth-child(1){ left:-2px; top:-2px; } .ltbz_4 .li .line span:nth-child(2){ right:-2px; top:-2px; } .ltbz_4 .li .line span:nth-child(3){ right:-2px; bottom:-2px; } .ltbz_4 .li .line span:nth-child(4){ left:-2px; bottom:-2px; } .ltbz_4 .li .line span i{ background:#e0e0e0; position: absolute; } .ltbz_4 .li .line span:nth-child(1) i:nth-child(1){ width: 16px; height:3px; left:0; top:0; } .ltbz_4 .li .line span:nth-child(1) i:nth-child(2){ width: 3px; height:16px; left:0; top:0; } .ltbz_4 .li .line span:nth-child(2) i:nth-child(1){ width: 16px; height:3px; right:0; top:0; } .ltbz_4 .li .line span:nth-child(2) i:nth-child(2){ width: 3px; height:16px; right:0; top:0; } .ltbz_4 .li .line span:nth-child(3) i:nth-child(1){ width: 16px; height:3px; right:0; bottom:0; } .ltbz_4 .li .line span:nth-child(3) i:nth-child(2){ width: 3px; height:16px; right:0; bottom:0; } .ltbz_4 .li .line span:nth-child(4) i:nth-child(1){ width: 16px; height:3px; left:0; bottom:0; } .ltbz_4 .li .line span:nth-child(4) i:nth-child(2){ width: 3px; height:16px; left:0; bottom:0; } .ltbz_4 .li .bg{ opacity: 0; transition:all 0.5s; -webkit-transition:all 0.5s; } .ltbz_4 .li .line span i{ transition:all 0.5s; -webkit-transition:all 0.5s; } .ltbz_4 .li:hover{ z-index: 6; } .ltbz_4 .li:hover .bg{ opacity: 1; } .ltbz_4 .li:hover .a .line span i{ background:#6c2016; } .ltbz_4 .li:hover .t3{ color:#6c2016; } .ltbz_2 .tit_com{ display: none; } .ltbz_5{ padding:90px 0; overflow: hidden; } .ltbz_5 .tit_com{ position: relative; z-index: 5; } .ltbz_5 .box2{ position: relative; color:#fff; text-align: center; } .ltbz_5 .box2 .item { width: 25%; float: left; position: relative; padding:60px 0; } .ltbz_5 .box2 .item:before { content: ""; display: block; position: absolute; top: -2000px; left: 0; height: 10000px; border-left: 1px solid #6b605c; } .ltbz_5 .box2 .item:first-child:before { display: none; } .ltbz_5 .box2 .img { width: 136px; height: 136px; padding:5px; background: url(http://www.beijingbinzang.com/common/image/temp/lt12.png) no-repeat center; margin: 0 auto; background-size: 100% 100%; } .ltbz_5 .box2 .img img{ width: 100%; height: 100%; display: block; } .ltbz_5 .box2 .tit { font-size: 20px; } .ltbz_5 .box2 .desc { line-height: 22px; margin-top: 10px; } .ltbz_5 .box2 .text1 { width: 200px; margin: 0 auto; margin-top: 20px; } .ltbz_5 .m_a{ display: block; margin:0 auto; width: 234px; height:55px; line-height: 55px; background:#906e43; font-size: 28px; color:#fff; text-align: center; position: relative; z-index: 6; } .ltbz_5 .box2 .item .img{ transform: rotateY(0); -webkit-transform: rotateY(0); transition:all 0.6s ease-out 0s; -webkit-transition:all 0.6s ease-out 0s; } .ltbz_5 .box2 .item:hover .img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); } .ltbz_6{ height:760px; overflow: hidden; } .tab_more { background: url(http://www.beijingbinzang.com/common/image/more.png) no-repeat center; width: 117px; height: 31px; text-align: center; line-height: 31px; color:#fff; } .tab_more a { display: block; } .about3 .tab_more { margin-top: 35px; } /*骨灰寄存*/ .gh_6{ padding-top: 60px; } .gh_4{ background: url(http://www.beijingbinzang.com/common/image/temp/gh1.jpg) repeat 0 0; padding-bottom:160px; } .about5 .li .text{ display: none;} .gh_5{ padding:80px 0 100px; background: url(http://www.beijingbinzang.com/common/image/temp/gh3.jpg) repeat center; background-size: cover; } .gh_5 .cont{ float: left; width: 50%; position: relative; z-index: 1; background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); height:390px; margin-top: 20px; } .gh_5 .cont .list{ padding:50px 65px 0 55px; } .gh_5 .r{ float: left; width: 50%; } .gh_5 .r .img{ float: right; width: 700px; } .gh_5 .r .img img{ display: block; width: 100%; } .gh_5 .tit_com .tit_36{ color:#474747; } .gh_5 .tit_com .tit_22_en{ color:#474747; } .gh_5 .tit_com{ padding-bottom: 65px; } .gh_5 .list i{ float: left; font-size: 32px; font-family: "avian"; line-height: 1.1; } .gh_5 .list .li{ overflow: hidden; padding-bottom: 25px; } .gh_5 .list .li .p{ overflow: hidden; padding-left: 20px; font-size: 18px; } .gh_3{ padding:120px 0 120px; background: url(http://www.beijingbinzang.com/common/image/temp/gh4.jpg) repeat center; background-size: cover; } .gh_4 .tit_com{ padding-top: 80px; } .gh_3 .tit_com .tit_36{ color:#474747; } .gh_3 .tit_com .tit_22_en{ color:#474747; } .gh_3 .list{ padding-top: 50px; } .gh_3 .list .li{ float: left; width: 20%; position: relative; text-align: center; } .gh_3 .list .li .ico{ width: 154px; height:154px; position: relative; margin:0 auto; } .gh_3 .list .li .ico img{ display: block; width: 100%; height:100%; } .gh_3 .list .li + .li .ico:after{ position: absolute; width: 33px; height:36px; background:url(http://www.beijingbinzang.com/common/image/temp/gh6.png) no-repeat center; left:-65px; top:50%; margin-top:-18px; content:""; } .gh_3 .list .t3{ font-size: 20px; padding-top: 20px; } .gh_3 .a{ text-align: center; padding-top: 70px; } .gh_3 .a a{ display: inline-block; line-height: 52px; font-size: 26px; background:#906e43; color:#fff; padding:0 25px; border:1px solid #906e43; margin:0 5px; } .gh_3 .a .tel{ background:#fff; border-color:#c8c8c8; } .gh_3 .a .tel img{ width: 208px; } .gh_3 .a .online img{ width: 33px; display: inline-block; padding-right: 13px; } .gh_3 .a .online2{ display: none; } .gh_3 .li .ico img{ transition:all 0.5s; -webkit-transition:all 0.5s; } .gh_3 .li:hover .ico img{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); } .gh_1{ height:410px; overflow: hidden; } .gh_1 .x-wrap{ position: relative; } .gh_1 .bg{ position: absolute; width: 1000px; top:0; right: 675px; background:rgba(0,0,0,0.5); height:100%; } .gh_1 .cont{ position: relative; z-index: 2; padding-top: 75px; width: 520px; color:#fff; } .gh_1 .t2{ font-size: 36px; padding-bottom: 20px; font-family: "宋体";} .gh_1 .li{ position: relative; line-height: 32px; padding-left:24px; font-size: 20px; } .gh_1 .li:after{ content: ""; position: absolute; width: 6px; height:6px; border:2px solid #fff; border-radius: 50%; left:0; top:11px; } .gh_1 .m_a{ width: 186px; height:56px; line-height: 56px; color:#fff; text-align: center; background:url(http://www.beijingbinzang.com/common/image/temp/gh8.png) no-repeat center; display: block; font-size: 18px; } .gh_1 .list{ padding-bottom: 40px; } .gh_2{ position: relative; overflow: hidden; } .gh_2 .x-wrap{ background:url(http://www.beijingbinzang.com/common/image/temp/gh10.png) no-repeat 240px 0; } .gh_2 .bg{ position: absolute; width:44%; height:100%; right: 0; top: 0; } .gh_2 .tit_com{ padding:38px 0 30px; } .gh_2 .tit_com .tit_36{ color:#474747; text-align: left; } .gh_2 .tit_com .tit_22_en{ color:#474747; text-align: left; } .gh_2 .cont{ height:755px; position: relative; z-index: 5; } .gh_2 .cont .bg2{ position: absolute; width:1467px; height:100%; right: 110px; top:0; background:url(http://www.beijingbinzang.com/common/image/temp/gh7.jpg) no-repeat center; background-size: cover; } .gh_2 .cont .img{ position: absolute; left:0; bottom:-15px; z-index: 6; } .gh_2 .cont .img img{ width: 600px; display: block; } .gh_2 .cont .tit{ float: right; top: 190px; position: relative; z-index: 10; padding-left: 160px; } .gh_2 .cont{ color:#fff; font-family: "宋体"; } .gh_2 .cont .t3{ position: absolute; left: 0; top:5px; writing-mode: vertical-rl;writing-mode: tb-rl; color:#e8bc35; height:420px; font-size: 32px; font-weight: bold; letter-spacing: 2px; } .gh_2 .cont .li{ height:125px; text-align: center; background:#8f7c50 url(http://www.beijingbinzang.com/common/image/temp/gh11.png) no-repeat center; background-size: 100% 100%; width: 430px; } .gh_2 .cont .li + .li{ margin-top: 8px; } .gh_2 .cont .li span{ font-size: 22px; display: block; padding:0 25px; } .gh_2 .cont .li + .li{ background-color:#8f704c; } .gh_2 .cont .li + .li + .li{ background-color:#684326; } /* pc端分页 */ .page-mod{ width: 100%; text-align: center;} .page-mod .page-box{ display: inline-block; vertical-align: top;} .page-mod .page-item{ float: left; margin: 0 5px; min-width: 36px; font-family: 'xfont', Arial; font-size: 16px; line-height: 34px;} .page-mod .page-item > a{ display: block; padding: 0 5px; border: 1px solid #bbb; -webkit-transition: all .2s; transition: all .2s; } .page-mod .page-input{ display: inline-block; vertical-align: middle; padding-right: 8px; width: 36px; border-right: 1px solid;} .page-mod .page-input input{ display: block; width: 100%; height: auto; line-height: normal; text-align: center;} .page-mod .page-btn{ display: inline-block; padding: 0 5px; vertical-align: top; min-width: 36px; cursor: pointer;} .page-mod .page-item > a:hover{ color: #909090;} .page-mod .page-item > a.cur{ background-color: #6c2016; border-color: #6c2016; color: #fff; cursor: default;} .page-mod .page-item > a.disable{ opacity: 0.5; filter: alpha(opacity=50); color: inherit; cursor: default;} .page-mod .prev{ margin-right: 10px;} .page-mod .next{ margin-left: 10px;} .page-mod .jump{ margin-left: 15px;} @media screen and (max-width: 750px){ .ltbz_6{ height: auto; } .x-footer{ padding-bottom: 0.8rem; } .bottomFix{ background:#7f6949; box-shadow:0px 0 0.2rem rgba(0,0,0,0.2); display: block; z-index: 100; position: fixed; width: 100%; height:0.88rem; text-transform: uppercase; color:#fff; left:0; bottom:0rem; } .bottomFix .phone{ float: left; width: 2.85rem; height:100%; background:#fff; color:#474747; font-size: 0.2rem; display: block; padding:0.1rem 0 0 0.3rem; } .bottomFix .phone .s2{ color:#93662f; font-size: 0.28rem; display: block; font-weight: bold; } .bottomFix .online{ float: left; width: 1.85rem; text-align: center; line-height: 0.88rem; height:100%; font-size: 0.3rem; } .bottomFix .bd{ float: left; width: 1.85rem; text-align: center; line-height: 0.88rem; height:100%; font-size: 0.3rem; background:#782525; } .bottomFix .backTop{ overflow: hidden; height:0.88rem; background:url(http://www.beijingbinzang.com/common/image/top.png) no-repeat center; background-size: 35% auto; display: block; } /* 移动端分页 */ .page-mod .page-box{ display: none;} .page-mod .page-item{ margin: 0 0.05rem; min-width: 0.6rem; font-size: 0.32rem; line-height: 0.6rem;} .page-mod .page-item > a{ padding: 0 0.1rem; border-radius: 0.05rem;} .page-mod .page-input{ padding-right: 0.1rem; width: 1rem;} .page-mod .page-btn{ min-width: 0.8rem; padding: 0 0.1rem;} .page-mod .prev{ margin-right: 0.1rem;} .page-mod .next{ margin-left: 0.1rem;} .page-mod .jump{ float: none; display: table; vertical-align: top; margin: 0 auto; padding-top: 0.2rem; clear: both;} .page-mod .page-more{ display:inline-block; vertical-align: top; border:1px solid; border-radius: 1rem; padding: 0.1rem 0.3rem;} } @media screen and (min-width: 751px) { .section{ height:1080px; } .home2 .cont .d1{ transform:translate(100px,50px); -webkit-transform:translate(100px,50px); } .home2 .cont .d2{ transform:translate(50px,50px); -webkit-transform:translate(50px,50px); } .home2 .cont .d3{ transform:translate(50px,-50px); -webkit-transform:translate(50px,-50px); } .home2 .cont .d4{ transform:translate(0,50px); -webkit-transform:translate(0,50px); } .home2 .cont .d5{ transform:translate(0,-50px); -webkit-transform:translate(0,-50px); } .home2 .cont .d6{ transform:translate(-50px,-80px); -webkit-transform:translate(-50px,-80px); } .home2 .cont .d7{ transform:translate(-100px,50px); -webkit-transform:translate(-100px,50px); } .home2 .cont .d8{ transform:translate(-100px,-50px); -webkit-transform:translate(-100px,-50px); } .home2 .cont .div{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; } .home2.active .cont .div{transition-delay:0.5s; -webkit-transition-delay:0.5s; opacity: 1; transform:translate(0,0); -webkit-transform:translate(0,0); } .home2 .cont .imgs{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateX(-50px); -webkit-transform:translateX(-50px); } .home2.active .cont .imgs{transition-delay:1.2s; -webkit-transition-delay:1.2s; opacity: 1; transform:translate(0,0); -webkit-transform:translate(0,0); } .home2 .cont .tit{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateX(-100px); -webkit-transform:translateX(-100px); } .home2.active .cont .tit{transition-delay:1.2s; -webkit-transition-delay:1.2s; opacity: 1; transform:translate(0,0); -webkit-transform:translate(0,0); } .home3 .img{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; } .home3.active .img{ opacity: 1; transition-delay:0.5s; -webkit-transition-delay:0.5s; } .home4 .bgi .r .cont{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateX(-100px); -webkit-transform:translateX(-100px); } .home4.active .bgi .r .cont{ opacity: 1; transition-delay:0.5s; -webkit-transition-delay:0.5s; transform:translateX(0); -webkit-transform:translateX(0);} .home5 .con .r .li{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateY(50px); -webkit-transform:translateY(50px); } .home5.active .con .r .li:nth-child(1){ transition-delay:0.3s; -webkit-transition-delay:0.3s; } .home5.active .con .r .li:nth-child(2){ transition-delay:0.6s; -webkit-transition-delay:0.6s; } .home5.active .con .r .li:nth-child(4){ transition-delay:0.9s; -webkit-transition-delay:0.9s; } .home5.active .con .r .li:nth-child(3){ transition-delay:1.2s; -webkit-transition-delay:1.2s; } .home5.active .con .r .li{ opacity: 1; transform:translateY(0px); -webkit-transform:translateY(0px); } .home6 .l{ opacity: 0.2; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateY(50px); -webkit-transform:translateY(50px); } .home6 .r{ opacity: 0.2; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateY(50px); -webkit-transform:translateY(50px); } .home6.active .l,.home6.active .r{ opacity: 1; transition-delay:0.5s; -webkit-transition-delay:0.5s; transform:translateY(0px); -webkit-transform:translateY(0px); } .home6.show .l,.home6.show .r{ opacity: 1; transform:translateY(0px); -webkit-transform:translateY(0px); } .scaleimg:hover img{ transform:scale(1.02); -webkit-transform:scale(1.02); } .scalebg:hover .bg{ transform:scale(1.02); -webkit-transform:scale(1.02); } .bk_3 .li:hover .ico img{ display: none; } .bk_3 .li:hover .ico .rd{ display: block; } .bk_3 .li:hover .a{ color:#fff; background-image:url(http://www.beijingbinzang.com/common/image/temp/bk_13a.png); } .about1 .txt1 .con{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateX(-50px); -webkit-transform:translateX(-50px); } .about1 .txt2 .con{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateX(50px); -webkit-transform:translateX(50px); } .about1 .img1,.about1 .img2,.about1 .tit{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; } .about1.show .txt1 .con{ opacity: 1; transform:translateX(0); -webkit-transform:translateX(0); } .about1.show .txt2 .con{ opacity: 1; transform:translateX(0); -webkit-transform:translateX(0); } .about1.show .img1,.about1.show .img2,.about1.show .tit{ opacity: 1; } .about2 .cont .li{ opacity: 0; transition:all 1s; -webkit-transition:all 1s; transform:translateY(150px); -webkit-transform:translateY(150px); } .about2 .cont .li:nth-child(2n){ transform:translateY(120px); -webkit-transform:translateY(120px); } .about2 .tit_com{ opacity: 0; transition:all 1s; -webkit-transition:all 1s; transform:translateY(100px); -webkit-transform:translateY(100px); } .about2.active .tit_com{ opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); transition-delay:0.2s; -webkit-transition-delay:0.2s; } .about2.active .cont .li{ transition-delay:0.2s; -webkit-transition-delay:0.2s; opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .about3 .cont .tit_com{ opacity: 0; transition:all 1s; -webkit-transition:all 1s; transform:translateX(50px); -webkit-transform:translateX(50px); } .about3.active .cont .tit_com{ opacity: 1; transition-delay:0.2s; -webkit-transition-delay:0.2s; transform:translateX(0); -webkit-transform:translateX(0); } .about4 .cont{ opacity: 0; transition:all 1s; -webkit-transition:all 1s; transform:scale(0.8); -webkit-transform:scale(0.8); } .about4.active .cont{ opacity: 1; transform:scale(1); -webkit-transform:scale(1); } .about5 .tit_com{ opacity: 0; transition:all 1s; -webkit-transition:all 1s; transform:translateY(100px); -webkit-transform:translateY(100px); } .about5 .imglist{ opacity: 0; transition:all 1s; -webkit-transition:all 1s; transform:translateY(150px); -webkit-transform:translateY(150px); } .about5.active .tit_com{ transition-delay:0.2s; -webkit-transition-delay:0.2s; opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .about5.active .imglist{ transition-delay:0.2s; -webkit-transition-delay:0.2s; opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .ltbz_2 .top{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateY(100px); -webkit-transform:translateY(100px); } .ltbz_2 .list{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateY(150px); -webkit-transform:translateY(150px); } .ltbz_2.anim .top{ opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .ltbz_2.anim .list{ opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .ltbz_3 .li{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; } .ltbz_3.anim .li:nth-child(1){ opacity: 1; } .ltbz_3.anim .li:nth-child(2){ opacity: 1; transition-delay:0.5s; -webkit-transition-delay:0.5s; } .ltbz_3.anim .li:nth-child(3){ opacity: 1; transition-delay:1.0s; -webkit-transition-delay:1.0s; } .ltbz_3.anim .li:nth-child(4){ opacity: 1; transition-delay:1.5s; -webkit-transition-delay:1.5s; } .ltbz_5 .tit_com{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateY(50px); -webkit-transform:translateY(50px); } .ltbz_5 .box2{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateY(100px); -webkit-transform:translateY(100px); } .ltbz_5 .m_a{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; transform:translateY(150px); -webkit-transform:translateY(150px); } .ltbz_5.anim .tit_com{ opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .ltbz_5.anim .box2{ opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .ltbz_5.anim .m_a{ opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .gh_1 .cont{ transform:translateX(-50px); -webkit-transform:translateX(-50px); opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; } .gh_1 .bg{ transform:translateX(-100px); -webkit-transform:translateX(-100px); opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; } .gh_1.anim .cont,.gh_1.anim .bg{ transform:translateX(0px); -webkit-transform:translateX(0px); opacity: 1; } .gh_2 .cont .img{ opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; } .gh_2 .list .li{ transform:translateY(50px); -webkit-transform:translateY(50px); opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; } .gh_2.anim .list .li{ transition-delay:1s; -webkit-transition-delay:1s; transform:translateY(0) !important; -webkit-transform:translateY(0) !important; opacity: 1; } .gh_2.anim .list .li:nth-child(2){ transition-delay:1.5s; -webkit-transition-delay:1.5s; } .gh_2.anim .list .li:nth-child(3){ transition-delay:2s; -webkit-transition-delay:2s; } .gh_2.anim .cont .img{ opacity: 1; } .gh_3 .li{ transform:translateX(-50px); -webkit-transform:translateX(-50px); opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; } .gh_3 .li:nth-child(2){ transform:translateX(-100px); -webkit-transform:translateX(-100px); } .gh_3 .li:nth-child(3){ transform:translateX(-150px); -webkit-transform:translateX(-150px); } .gh_3 .li:nth-child(4){ transform:translateX(-200px); -webkit-transform:translateX(-200px); } .gh_3 .li:nth-child(5){ transform:translateX(-250px); -webkit-transform:translateX(-250px); } .gh_3.anim .li{ transform:translateX(0px); -webkit-transform:translateX(0px); opacity: 1; } .gh_3{ background-attachment: fixed; } .about5.anim .tit_com{ transition-delay:0.2s; -webkit-transition-delay:0.2s; opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .about5.anim .imglist{ transition-delay:0.2s; -webkit-transition-delay:0.2s; opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .gh_5 .cont{ transform:translateX(-50px); -webkit-transform:translateX(-50px); opacity: 0; transition:all 1.2s; -webkit-transition:all 1.2s; } .gh_5.anim .cont{ transform:translateX(0px); -webkit-transform:translateX(0px); opacity: 1; } } @media screen and (min-width: 751px) and (max-width: 1600px) { .home3 .pad{ padding:0; } .home3 .cont .r .text .padd{ padding:70px 50px 0; } .home3 .cont .r .text{ height:35%; } .home3 .cont .r .slick-mod{ height:65%; } .home3 .cont .l .text{ border:0; } .home3 .cont .r .l_box .top .zIdx{ padding:80px 0 80px 30px; } .home5 .con .r{ transform:scale(0.9); -webkit-transform:scale(0.9); } #menuFull a span{ padding:14px 0; } .about1 .txt1 .tit{ bottom:-120px; } .about1 .txt1 .tit .more{ top:-120px; } .about1 .txt1 .con{ bottom:50px; } .about1 .txt2 .con{ top:30px; left: 50px; } .about2 .cont .li:nth-child(2n){ margin-top: 40px; } .about4 .tit_com{ padding-bottom: 30px; } .about4 .imglist{ width: 1000px; } .about4 .imglist .img{ width: 320px; height:320px; line-height: 320px; } .about4 .tit{ width: 320px; } .homefooter .bk_3{ padding:50px 0 30px; } .about3 .tab_more { margin-top: 20px; } .about3 .cont .tit_com .p{ padding-top:20px; } .home3 .cont .r .l_box .top .s-more{ margin-left: 20px; } } @media screen and (max-width: 750px) { .about3 .tab_more { margin-top: 0.2rem; } #menuFull{ display: none; } .rightNav{ display: none; } #full{ padding:0; } .home1 .list .bg{ height:5rem !important; } .home2 .cont{ position: relative; margin:0; left:0; top:0; width: auto; height:auto; padding:0.8rem 0; } .home2 .cont .tit{ position: relative; width: 100%; height:auto; padding-bottom: 0.4rem; right: 0; top:0; } .home2 .cont .imgs{ display: none; } .home2 .cont .div{ position: relative; left: 0; top:0; float: left; width: 50%; height:3rem; } .home3 .pad{ padding:0; } .home2 .cont .tit .t1,.home2 .cont .tit .t2,.home2 .cont .tit .p,.home2 .cont .tit{ writing-mode:inherit; -webkit-writing-mode:inherit; margin:0; } .home2 .cont .tit .t2{ padding-bottom: 0.2rem; } .home2 .cont .tit .t1,.home2 .cont .tit .t2{ font-size: 0.36rem; } .home2 .cont .div .ico{ height: 0.8rem; } .home3 .cont:before,.home3 .cont .r .l_box .top:after{ display: none; } .home3 .cont{ border:0; } .home3 .cont .r{ float: none; width: 100%; } .home3 .cont .l{ float: none; width: 100%; height:auto; } .home3 .cont .l .slick-item .img{ height:6rem; } .home3 .cont .l .text{ height:4rem; } .home3 .cont .l .text:before{ height:0.5rem; background-size: auto 0.5rem; top:-0.2rem; } .home3 .cont .l .text .item:last-child .p{ padding:0; } .home3 .cont .l .text .item .padd{ padding:0.6rem 0.3rem 0; } .home3 .cont .l .text .item .h20:before,.home3 .cont .r .l_box .top:before{ display: none; } .home3 .cont .l .text .item .p{ padding-top: 0.2rem; } .home3 .cont .r .l_box{ float: none; width: 100%; } .home3 .cont .r .l_box .top{ padding:0.6rem 0.3rem; height:auto; } .home3 .cont .r{ height:auto; } .home3 .cont .r .l_box{ height:auto; } .home3 .cont .r .l_box .pic{ height:6rem; position: static; display: none; } .home3 .cont .r .l_box .top,.home3 .cont .r .l_box .top .t1,.home3 .cont .r .l_box .top .t2,.home3 .cont .r .l_box .top .p,.home3 .cont .r .l_box .top .s-more{ writing-mode:inherit; -webkit-writing-mode:inherit; margin:0; float: none; } .home3 .cont .r .l_box .top .t2{ margin:0.1rem 0 0.3rem; } .home3 .cont .r .l_box .top .p{ padding-bottom: 0.4rem; height:auto; } .s-more { text-align: center;line-height: 31px; display: inline-block; } .s-more .s1 {display: block;border: 1px solid #856e34;border-left: 0;border-right: 0;padding: 0 5px; display: inline-block; vertical-align: middle;text-align: center;margin:0 5px;} .s-more .arr {display: inline-block;width: 18px;height: 31px;background-size: cover;background-position: center;background-repeat: no-repeat; vertical-align: middle;} .s-more .r1 {background-image: url(http://www.beijingbinzang.com/common/image/temp/arr3.png);} .s-more .r2 {background-image: url(http://www.beijingbinzang.com/common/image/temp/arr4.png);} .home3 .cont .r .slick-mod{ height:auto; } .home3 .cont .r .slick-item{ position: relative; padding-bottom: 3.6rem; } .home3 .cont .r .text{ height:3.6rem; position: absolute; width: 100%; left: 0; bottom:0; } .home3 .cont .r .slick-item .img{ height:8rem; } .home3 .cont .r .text .padd{ padding:0.6rem 0.3rem 0rem 1rem; } .home3 .cont .r .text .h20::before{ top:0.03rem; } .home4 .bgi .l{ float: none; width: 100%; height:5rem; } .home4 .bgi .r{ float: none; width: 100%; height:auto; } .home4 .bgi .l .ico{ height:2.4rem; margin-top:-1.2rem; } .home4 .bgi .l .bg{ display: none; } .home4 .bgi .r .cont{ position: static; margin:0; width: auto; height:auto; padding:0.8rem 0.3rem; } .home4 .bgi .r .cont .t2{ float: none; writing-mode:inherit; -webkit-writing-mode:inherit; width: auto; font-size: 0.6rem; } .home4 .bgi .r .cont .p,.home4 .bgi .r .cont .s-more{ float: none; writing-mode:inherit; -webkit-writing-mode:inherit; height:auto; } .home4 .bgi .r .cont .p{ padding:0.3rem 0 0.6rem; line-height: 1.6; } .home4 .bgi .r .cont .t2 .line1,.home4 .bgi .r .cont .t2 .line2{ display: none; } .home5 .con,.home6 .con{ width: auto; padding-bottom: 0.8rem; } .home5 .con .l{ float: none; width: auto; padding:0.8rem 0.3rem 0.6rem; } .home5 .con .l .tit_36,.home5 .con .l .tit_22_en,.home5 .con .l .p{ float: none; writing-mode:inherit; -webkit-writing-mode:inherit; width: auto; padding:0; } .home5 .con .l .p{ height:auto; } .home5 .con .l .tit_36{ } .home5 .con .l .tit_22_en{ padding-top: 0.2rem; } .home5 .con .l .p{ padding-top: 0.4rem; } .tit_36{ font-size: 0.46rem; } .tit_22_en{ font-size: 0.3rem; padding-top: 0.2rem ;} .home5 .con .r{ width: auto; height:auto; overflow: hidden; padding:0 0.3rem; float: none; } .home5 .con .r .li{ position: static; width: auto !important; margin:0 0 0.2rem !important; overflow: hidden; } .home5 .con .r .li .txt .h24{ padding-bottom: 0.15rem; } .home5 .con .r .li .ico{ width: 1.8rem; height:1.8rem; } .home5 .con .r .li .ico img{ width: 1rem; height:1rem; margin:-0.5rem 0 0 -0.5rem; } .home5 .con .r .li .txt{ height:1.8rem; padding-left: 0.2rem; } .home6 .con .l,.home6 .con .r{ float: none; width: auto; padding:0 0.3rem; } .home6 .con .l{ padding-top: 0.8rem; } .tit_com .t2,.tit_com .t1{ padding-left: 0; } .tit_com .t2{ padding:0.15rem 0 0 0.1rem; } .tit_com .t2{ padding-bottom: 0.4rem; } .tit_com .h-more{ float: none; display: block; clear:left; text-align: left; } .home6{ background: url(http://www.beijingbinzang.com/common/image/temp/home23.jpg)repeat 0 0; background-size: 1rem 1rem; } .home6 .con .l .c{ padding-top: 0.6rem; } .home6 .con .l .c_l,.home6 .con .l .c_r{ float: none; width: auto; padding-bottom: 0.4rem; margin-bottom: 0.4rem; } .home6 .con .l .c_l{ border-bottom:1px dotted #cdcdcd; } .home6 .con .l .c_l .t3{ padding:0.4rem 0 0.2rem; } .home6 .con .l .c_r .li a{ display: block; } .home6 .con .l .c_r .li + .li{ margin-top: 0.3rem; } .home6 .con .l .c_r .li{ padding-bottom: 0.3rem; } .home6 .con .r .list{ padding-top: 0.4rem; } /*baike*/ .bk_1 { height:auto; padding-bottom: 0.8rem; } .bk_1 .tit_com{ padding:1rem 0 0.6rem; } .bk_tab .li{ width: 2.2rem; height:0.6rem; line-height: 0.6rem; margin:0 0.05rem; } .bk_tab .li .a{ font-size: 0.28rem; } .bk_2{ padding:0.6rem 0 0.6rem; } .bk_2 .li .pad{ padding:0.3rem; } .bk_2 .li .img{ float: none; padding:0 0 0.2rem; } .bk_2 .li .img img{ width: 100%; height:auto; } .bk_2 .li .t3{ font-size: 0.32rem; padding-top:0; } .bk_2 .li .txt{ height:auto; } .bk_2 .li .time{ font-size: 0.26rem; } .bk_2 .li .p{ padding:0.1rem 0 0.2rem; } .bk_2 .li{ background: none !important; } .bk_2 .list{ padding-bottom: 0.6rem; } .bk_3 .li { padding:0 0 0.3rem !important; width: 33.3%; height: auto; } .bk_3 .li .a{ width: 2rem; height:2.4rem; margin:0 auto; } .bk_3 .li .ico{ padding:0.5rem 0 0; } .bk_3 .li .ico img{ width: 1rem; height:1rem; } .bk_3{ padding-bottom: 0.6rem; } /*案例*/ .case1 .bk_tab .li{ margin-bottom: 0.2rem; } .case2{ margin:0; padding:0.8rem 0; } .case2 .list{ width: 100%; } .case2 .li{ width: auto; float: none; margin:0; height:auto; padding-bottom: 0.3rem; margin-bottom: 0.4rem; } .case2 .li .pad{ width: 6.4rem; } .case2 .li .t3{ font-size: 0.32rem; padding:0.3rem 0 0.1rem; } .case2 .li .time{ margin-bottom: 0.3rem; } .case2 .li .pad .img .a, .case2 .li .pad .img img{ height:auto; } .case2 .list{ padding-bottom: 0.2rem; } .home3 .slick-dots{ bottom:0.6rem; } .home3 .cont .r .l_box .top .zIdx{ padding:0; } .home5 .tit_com .t2,.home6 .tit_com .t2{ display: none; } .home5 .tit_com,.home6 .tit_com { position: relative; overflow: inherit; } .home5 .tit_com .h-more,.home6 .tit_com .h-more{ position: absolute; right: 0; top:50%; margin-top: -17px; } .home5 .tit_com .t1,.home6 .tit_com .t1{ float: none; } .home3 .r .slick-dots{ bottom:4rem; } .service_3 .slick-item .item{ padding-top:0.2rem !important; margin-top: 0.2rem !important; } .service_3 .slick-item{ width: 50%; margin:0; } .service_3{ padding:1rem 0 0; } .service_2{ padding:1rem 0; } .service_2 .cont{ margin-top: 0.6rem; padding:0 0.3rem; } .service_2 .l{ position: static; width: 100%; background-size: cover; } .service_2 .l .tit{ position: relative; right: auto; top: auto; transform:translateY(0); -webkit-transform:translateY(0); width: auto; padding:0.6rem 0.3rem; } .service_2 .l .tit .p{ font-size: 0.3rem; } .service_2 .slick-dots{ position: static; width: 100%; text-align: center; margin-top: 0.3rem; } .service_2 .r{ float: none; width: 100%; } .service_2 .r .li{ padding:0 0.05rem; } .service_2 .r .img{ margin:0.2rem auto 0 !important; padding:0; } .service_1 .bg{ height:6rem !important; } .service_1 .imgList{ float: none; width: 100%; } .service_1 .cont{ position: relative; width: 100%; height:auto; } .service_1 .cont .top,.service_1 .cont .top .tit{ position: static; } .service_1 .cont .top .tit{ padding:0.6rem 0.4rem; width: auto;margin-top:0; } .service_1 .cont .bot{ height:5rem; } .service_1 .cont .bot .li{ bottom:0.6rem; } .service_1 .cont .bot .cir{ width: 1rem; height:1rem; bottom:-0.5rem; margin-left: -0.5rem; } .service_1 .cont .bot .txt{ top:0.4rem; font-size: 0.3rem; } .service_1 .cont .bot .txt .t{ padding:0.2rem 0; } .service_3 .tit_com .p{ padding:0.3rem 0 0; } .service_3 .ytlfw4 .tit0{ top:1rem !important; } .tc_ser .cont .padd{ padding:1rem 0.3rem 0.6rem; } .tc_ser .cont{ width: 100%; height:auto; margin:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; } .tc_ser .cont .img{ float: none; padding:0; } .tc_ser .cont .img img{ width: 80%; height:auto; margin:0 auto; } .tc_ser .cont .tit{ padding-top: 0.4rem; } .tc_ser .cont .tit .t3{ font-size: 0.36rem; padding-bottom: 0.2rem; } .tc_ser .close{ width: 0.8rem; height:0.8rem; right: 0.1rem; top:0.1rem; background-size: 80% 80%; } .detal .tit_com{ padding-bottom: 0; } .detal_cont{ padding-top: 0.6rem; } .detal_cont .p, .detal_cont p{ padding-bottom: 0.3rem; } .detal_cont .x-wrap{ padding-bottom: 0.4rem; } .pageN{ padding:0.3rem 0 0.6rem; } .deta_2{ padding-bottom: 0.4rem; } .deta_2 .img{ float: none; margin:0 0 0.3rem !important; width: 100%; } .about1 .cont{ position: static; } .about1 .txt1{ position: static; width: 100%; height:auto; } .about1 .txt2{ position: static; width: 100%; height:auto; } .about1 .img1{ position: static; width: 100%; height:4rem; } .about1 .img2{ position: static; width: 100%; height:4rem; } .about1 .txt1 .con,.about1 .txt2 .con{ position: static; padding:0.6rem 0.3rem; width: 100%; height:auto; } .about1 .txt2 .con .p{ font-size: 0.3rem; padding-bottom: 0.2rem; } .about1 .txt1 .con .p{ font-size: 0.3rem; } .about1 .txt1 .con .t3{ font-size: 0.32rem; padding:0.2rem 0 0.1rem; } .about1 .txt1 .tit,.about1 .txt1 .tit .more{ position: static; } .about1 .txt1 .tit{ overflow: hidden; width: 100%; height:1.6rem; } .about1 .txt1 .tit .li{ width: 33.3%; } .about1 .txt1 .tit .li .s1{ font-size: 0.36rem; line-height: 0.6rem; } .about1 .txt1 .tit .li .s2{ font-size: 0.26rem; } .about1 .txt1 .tit .li .ico img{ width:0.6rem; height:0.6rem; } .about2 { padding-bottom: 0.6rem; } .about2 .tit_com{ padding:1rem 0 0.4rem; } .about2 .cont .li{ float: none; width: 100%; height:auto; padding:0.6rem 0; } .about2 .cont .li .pad{ padding:0 0.3rem; overflow: hidden; } .about2 .cont .li img{ width: 1.2rem; height:1.2rem; } .about2 .cont .li:nth-child(2n){ margin:0; } .about2 .cont .li .t3{ font-size: 0.3rem; } .about2 .cont .li .p{ font-size: 0.26rem; } .about2 .cont .li .ico{ float: left; } .about2 .cont .li .txt{ text-align: left; overflow: hidden; padding-left: 0.3rem; } .about2 .cont .li .txt .t3{ padding:0; } .about4 .tit_com .p{ padding:0.4rem 0.3rem 0; } .about4 .tit_com{ padding:1rem 0 0.4rem; } .about4 .imglist{ width: auto; padding:0 0.5rem; } .about4 .img{ width:6rem; height:5rem; line-height: 5rem; } .about4 .li{ padding-top: 0.4rem; } .about4 .imglist{ background-size: auto 5.4rem !important; } .about4 .tit{ width: 6rem; height:1.2rem; } .about4 .tit .t3{ font-size: 0.3rem; padding:0.4rem 0.3rem 0; } .about4{ padding-bottom: 0.6rem; } .slick-next,.slick-prev{ width: 0.6rem; height:1rem; background-size: cover; top:2.5rem; background-size: 100% 100%; } .about5 .tit_com .p{ padding:0.4rem 0.3rem 0; } .about5 .tit_com{ padding:1rem 0 0.4rem; } .about5 .li .text{ position: relative; opacity: 1; visibility: visible; height:4rem; } .about5 .li .text .cont .t3{ font-size: 0.3rem; } .about5 .slick-dots{ position: static; padding:0.4rem 0; } .service_3 .ytlfw4 .tit0{ position: static; width: 100%; padding:0.3rem 0 0.2rem; text-align: left; } .service_3 .ytlfw4 .tit0:before{ display: none; } .service_3 .ytlfw4 .tit0 .s2{ display: none; } .service_3 .ytlfw4 .text{ padding:0 0 0.4rem; } .service_3 .ytlfw4 .text .desc{ display: none; } .service_3 .ytlfw4 .slick-item .item .icon{ position: static; margin-top: 0.3rem; display: none; } .service_3 .ytlfw4 .text .tit1,.service_3 .ytlfw4 .text .tit2{ line-height: 1.5; font-size: 0.24rem; } .service_3 .ytlfw4 .img{ width: 100%; } .service_3 .ytlfw4 .slick-item .item:before{ height:auto; bottom:0.6rem; } .service_3 .slick-item:nth-child(2n+1){ clear:left; } /*0919*/ .ltbz_1 .li{ height:7rem; } .ltbz_1 .con{ padding-top: 1rem; height:auto; } .ltbz_1 .con .t2{ float: none; background:none; width: auto; margin:0; padding:0; text-align: left; font-size: 0.48rem; } .ltbz_1 .con .p{ float: none; width: auto; height:auto; writing-mode:inherit; -webkit-writing-mode:inherit; font-size: 0.3rem; padding:0.4rem 0; margin:0; line-height: 1.6; } .ltbz_1 .con .a{ display: block; margin:0; width: 4rem; height:0.8rem; line-height: 0.8rem; writing-mode:inherit; -webkit-writing-mode:inherit; background-image:url(http://www.beijingbinzang.com/common/image/temp/lt5.png); background-size: 100% 100%; float: none; font-size: 0.32rem; } .ltbz_2{ padding:1rem 0; } .ltbz_2 .top{ width: 100%; height:auto; background:none; } .ltbz_2 .tit_com{ display: block; } .ltbz_2 .tit_36{ color:#474747; } .ltbz_2 .top .p{ padding:0.4rem 0 0; font-size: 0.28rem; text-align: justify; } .ltbz_2 .list{ padding-top: 0.4rem; } .ltbz_2 .list .li{ float: none; width: 100%; margin-top: 0.4rem; } .ltbz_2 .li .img img{ width: 100%; } .ltbz_2 .li .img{ float: none; } .ltbz_2 .li .txt{ padding:0.3rem 0.2rem 0; } .ltbz_2 .li .txt .t3{ font-size: 0.3rem; line-height: 0.3rem; padding-left: 0.45rem; background-size: auto 80%; } .ltbz_2 .li .txt .p{ font-size: 0.26rem; } .ltbz_3{ padding:1rem 0; } .ltbz_3 .cont{ position: relative; height:auto; margin: 0.4rem 0; } .ltbz_3 .cont .li{ position: static; width: 100%; padding-bottom: 0.4rem; } .ltbz_3 .cont .li .line{ display: none; } .ltbz_3 .cont .li .num{ width: 1.4rem; height:1.4rem; } .ltbz_3 .cont .li .num span{ font-size: 0.26rem; padding-top: 0.28rem; } .ltbz_3 .cont .li .num b{ font-size: 0.6rem; } .ltbz_3 .cont .li .txt .t3{ font-size: 0.3rem; padding-bottom: 0.15rem; } .ltbz_3 .cont .li .txt .p{ font-size: 0.26rem; } .ltbz_3 .m_a{ width: 5rem; height:0.8rem; line-height: 0.8rem; font-size: 0.32rem; background-size: 100% 100%; } .ltbz_4{ padding:1rem 0; } .ltbz_4 .cont{ padding-top: 0.6rem; } .ltbz_4 .cont .li{ width:100%; float: none; } .ltbz_4 .cont .li:nth-child(2) .a{ border-top: 0; } .ltbz_4 .cont .li:nth-child(3) .a{ border-top: 0; } .ltbz_4 .cont .li .a{ border-left:1px solid #e0e0e0; } .ltbz_4 .c .txt .name{ float: none; width: 1.5rem; padding:0.05rem 0rem; } .ltbz_4 .c .txt{ margin-top: 0.2rem; } .ltbz_4 .c .tit{ top:0; padding-top: 0.2rem; padding-left: 0; } .ltbz_4 .c .tit .t3{ font-size: 0.28rem; margin-bottom: 0.15rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; d } .ltbz_4 .c{ padding:0.2rem 0.15rem 0.4rem; } .ltbz_4 .cont .li .a{ height:auto; } .ltbz_4 .cont .h-more{ margin-top: 0.6rem; width: 3rem; } .ltbz_5{ padding:1rem 0; } .ltbz_5 .box2 .item{ padding:0.6rem 0 0; width: 50%; } .ltbz_5 .box2 .item:before{ display: none; } .ltbz_5 .box2 .item .img{ width: 1.5rem; height:1.5rem; background-size: 100% 100%; padding:0.15rem; } .ltbz_5 .box2 .tit{ font-size: 0.3rem; } .ltbz_5 .box2 .text1{ width: auto; margin:0.2rem 0.15rem 0; } .ltbz_5 .box2 .desc{ margin-top: 0.1rem; } .ltbz_5 .box2 .item:nth-child(2n+1){ clear:left; } .ltbz_5 .m_a{ width: 3.6rem; height:0.8rem; line-height: 0.8rem; font-size: 0.3rem; margin-top: 0.6rem; } .p_Pc{ display: none !important; } .gh_3 .a .online{ display: none; } .gh_3 .a .online2{ display: inline-block; } .gh_1{ height:auto; } .gh_1 .bg{ width: 100%; right: 0; } .gh_1 .cont{ width: auto; padding:1rem 0rem; } .gh_1 .t2{ font-size: 0.46rem; padding-bottom: 0.2rem; } .gh_1 .li{ font-size: 0.26rem; padding-left: 0.36rem; line-height: 0.4rem; margin-bottom: 0.1rem; } .gh_1 .li:after{ width: 0.16rem; height: 0.16rem; border-width: 0.02rem; top:0.1rem; } .gh_1 .list{ padding-bottom: 0.6rem; } .gh_1 .m_a{ width: 3rem; height:0.8rem; line-height: 0.8rem; background-size: 100% 100%; font-size: 0.3rem; } .gh_2 .x-wrap{ padding:0; } .gh_2 .bg{ display: none; } .gh_2 .tit_com .tit_22_en,.gh_2 .tit_com .tit_36{ text-align: center; } .gh_2 .cont{ height:auto; } .gh_2 .cont .bg2{ width: 100%; right: 0; } .gh_2 .cont .img{ position: relative; bottom:-4px; } .gh_2 .cont .img img{ width: 60%; margin:0 auto; } .gh_2 .cont .tit{ top:0; padding:0.8rem 0.3rem 0 0.3rem; float: none; } .gh_2 .cont .t3{ position: static; writing-mode:inherit; -webkit-writing-mode:inherit; font-size: 0.4rem; height: auto; letter-spacing: 0; padding-bottom: 0.4rem; } .gh_2 .cont .li{ width: auto; height:1.8rem; } .gh_2 .cont .li span{ font-size: 0.36rem; padding:0 0.3rem; } .gh_3{ padding:1rem 0; } .gh_3 .list{ padding-top:0.6rem; } .gh_3 .list .li{ width: 33.33%; } .gh_3 .list .t3{ font-size: 0.24rem; padding: 0.3rem 0; } .gh_3 .list .li .ico{ width: 1.6rem; height:1.6rem; } .gh_3 .list .li + .li .ico:after{ display: none; } .gh_3 .list .li:nth-child(3n+1){ clear:left; } .gh_3 .list .li:nth-child(4){ margin-left:1.2rem; } .gh_3 .a{ padding-top: 0.6rem; } .gh_3 .a a{ height: 0.8rem; line-height: 0.8rem; font-size: 0.30rem; padding:0 0.3rem;} .gh_3 .a .online img{ width: 0.5rem; padding:0; margin-right: 0.1rem; } .gh_3 .a .tel img{ width: 3rem; } .gh_4{ padding-bottom: 0.6rem; } .gh_5{ height: auto; padding:1rem 0; } .gh_5 .tit_com{ padding-bottom: 0.6rem; } .gh_5 .cont,.gh_5 .r{ float: none; width: 100%; height:auto; } .gh_5 .r .img{ float: none; width: 100%; } .gh_5 .list .li{ padding-bottom: 0.3rem; } .gh_5 .cont .list{ padding:0.6rem 0.3rem 0.4rem; } .gh_5 .list .li .p{ font-size: 0.26rem; } .gh_5 .list i{ font-size: 0.4rem; } .gh_5 .list .li .p{ padding-left: 0.3rem; } } /*.x-container{ overflow: hidden; }*/ .lbnew2 .bk_tab{ text-align: center; margin-bottom: 10px; } .lbnew2 .bk_tab .li{ width: 205px; } .lbnew2 .bk_tab .li a{ color:#333333; text-align: center; background:url(http://www.beijingbinzang.com/common/image/lyc/ytlfw3-img1.png) no-repeat center; background-size: 100% 100%; } .lbnew2 .bk_tab .li.on a{ color:#fff; background-image:url(http://www.beijingbinzang.com/common/image/lyc/ytlfw3-img2.png); } .lbnew2 .tit_com{ padding:60px 0 25px; } .lbnew2 .tit_com .tit_36{ color:#333;} .tabLb{ text-align: center; border-bottom: 1px solid #c5c5c5; font-size: 0; position: relative; z-index: 5; } .tabLb a{ display: inline-block; font-size: 14px; line-height: 50px; padding:0 40px; position: relative; vertical-align: bottom; } .tabLb a.on{ color:#721919; font-size: 20px; } .tabLb a i{ display: block; position: absolute; width: 100%; height: 2px; background:#6c2016; left:0; bottom: -1px; display: none; } .tabLb a i:after{ content:""; position: absolute; width: 100%; height: 10px; background:url(http://www.beijingbinzang.com/common/image/new/arr.png) no-repeat center top; left:0; top:2px; } .tabLb a.on i{ display: block; } .lbUl{ width: 1230px; margin:0 auto; padding:0 0 105px; } .lbUl .item{ display: none; overflow: hidden; } .lbUl .item.on{ display: block; } .lblist .child{ display: none; overflow: hidden; } .lblist .child.cur{ display: block; } /*.lblist .child + .child .tabLb{ margin-top: 50px; }*/ .lbUl .li:nth-child(4n+1){ clear: left; } .lbUl .li{ float: left; width: 25%; } .lbUl .li img{ display: block; width: 100%; /*height: 400px;*/} .lbUl .li .a{ display: block; border:1px solid #c5c5c5; border-top: 0; border-right: 0; /*height:535px; */overflow: hidden; padding-bottom: 30px; } .lbUl .li:nth-child(4n) .a{ border-right:1px solid #c5c5c5; } .lbUl .li:last-child .a{ border-right:1px solid #c5c5c5; } .lbUl .li .t3{ text-align: center; font-size: 20px; padding-top: 25px; } .money{ position: relative; margin-top: 12px; text-align: center; font-size: 16px; font-family: arial; color:#cd2b16; } .money span{ font-size: 30px; } .money .line1{ position: absolute; width: 8px; height:8px; border:1px solid #d5d5d5; border-radius: 50%; left: 85px; top:50%; margin-top:-5px; } .money .line2{ position: absolute; width: 8px; height:8px; border:1px solid #d5d5d5; border-radius: 50%; right: 86px; top:50%; margin-top:-5px; } .money .line1 i{ position: absolute; width: 500px; height:1px; background:#d5d5d5; top:50%; right: 10px; } .money .line2 i{ position: absolute; width: 500px; height:1px; background:#d5d5d5; top:50%; left: 10px; } .lbUl .li .a:hover .t3{ color:#732020; } .lbUl .li .a:hover{ background:url(http://www.beijingbinzang.com/common/image/new/list5.jpg) no-repeat center; background-size: cover; } .lbUl .li .a:hover .line1 i,.lbUl .li .a:hover .line2 i{ background-color:#6c2016; } .lbUl .li .a:hover .line1,.lbUl .li .a:hover .line2{ border-color:#6c2016; } .lm1{ background:url(http://www.beijingbinzang.com/common/image/new/lm1.png) no-repeat center right; position: relative; } .lm1 .line{ position: absolute; width: 1230px; top:10px; left:50%; margin-left: -615px; bottom:0; } .lm1 .line i{ position: absolute; width: 1px; height:100%; background:#ddd; left:0; top:0; } .lm1 .line i + i{ left:25%; } .lm1 .line i + i + i{ left:50%; } .lm1 .line i + i + i + i{ left:75%; } .lm1 .line i + i + i + i + i{ left:auto; right: 0; } .lm1 .lm1top{ position: relative; z-index: 5; padding-top: 10px; } .lm1 .lbnew2{ position: relative; z-index: 5; } .lm1 .lm1top .li{ float: left; width: 25%; border-top:4px solid #aa5f49; color:#fff; } .lm1 .lm1top .li:nth-child(2){ border-color:#a98577; } .lm1 .lm1top .li:nth-child(3){ border-color:#6a8ab5; } .lm1 .lm1top .li:nth-child(4){ border-color:#b39563; } .lm1 .lm1top .li .tit{ padding:15px 35px; background:url(http://www.beijingbinzang.com/common/image/new/lm2.jpg) no-repeat center; background-size:cover; } .lm1 .lm1top .li:nth-child(2) .tit{ background-image:url(http://www.beijingbinzang.com/common/image/new/lm3.jpg); } .lm1 .lm1top .li:nth-child(3) .tit{ background-image:url(http://www.beijingbinzang.com/common/image/new/lm4.jpg); } .lm1 .lm1top .li:nth-child(4) .tit{ background-image:url(http://www.beijingbinzang.com/common/image/new/lm5.jpg); } .lm1 .lm1top .li .t3{ font-size: 18px; padding-bottom: 5px; } .lm1 .lm1top .li:nth-child(3) .tit{ padding-bottom: 23px; padding-top: 18px; } .lm1 .lm1top .li:nth-child(4) .tit{ padding-top: 12px; padding-bottom: 12px; } .lm1 .lbnew2 .lbUl{ padding-bottom: 0; position: relative; } .lm1 .lbnew2 .lbUl .li .a{ border-bottom: 0; height:auto; padding-bottom: 140px; } .more_lm{ width: 180px; text-align: center; line-height: 53px; background:url(http://www.beijingbinzang.com/common/image/new/lm2.png) no-repeat center; color:#fff; position: absolute; left: 50%; margin-left:-90px; bottom:60px; } .lm1 .lbUl .li .t3{ text-align: left; padding-left: 35px; } .lm1 .lbUl .li .money{ text-align: left; padding-left: 35px; } .lm1 .money .line2{ right: 155px; } .lm2{ background:url(http://www.beijingbinzang.com/common/image/new/lm6.jpg) no-repeat center; background-size: cover; padding:60px 0 85px; } .lm2tab{ text-align: center; padding:25px 0 30px; } .lm2tab a{ display: inline-block; width: 205px; color:#fff; line-height: 43px; font-size: 18px; vertical-align: middle; background:url(http://www.beijingbinzang.com/common/image/new/lm5.png) no-repeat center; background-size: 100% 100%; margin:0 10px; } .lm2tab a.on{ background:url(http://www.beijingbinzang.com/common/image/new/lm5a.png); } .lm2cont .li{ box-shadow:0px 0px 2px rgba(0,0,0,0.4); } .lm2cont .li{ float: left; width: 25%; background:url(http://www.beijingbinzang.com/common/image/new/lm7.jpg) no-repeat center; background-size: cover; height:390px; position: relative; } .lm2cont .li .img{ overflow: hidden; height: 270px; position: relative; } .lm2cont .li .img img{ display: block; width: 320px; position: absolute; right:-50px; top: 0; height: auto; } .lm2cont .li .tit{ padding:40px 20px 0 35px; color:#fff; font-size: 16px; height: 80px; } .lm2cont .li .tit .t3{ } .lm2cont .li .tit .qian span{ font-size: 24px; } .lm2cont .li .tit .qian{ font-family: arial; } .lm2cont .li:nth-child(1){ margin-top: 10px; } .lm2cont .li:nth-child(2){ margin-top: 50px; } .lm2cont .li:nth-child(3){ margin-top: 0px; } .lm2cont .li:nth-child(4){ margin-top: 30px; } .lm2 .hua{ height:44px; border:1px solid #8b7147; border-top:0; position: relative; } .lm2 .hua span{ position: absolute; width: 48px; height:48px; border:1px solid #8b7147; border-radius: 50%; left:50%; bottom:-25px; margin-left:-25px; background:#503e2b; } .lm2 .hua span:after{ content:""; position: absolute; width: 100%; height:100%; left:0; top:0; background:url(http://www.beijingbinzang.com/common/image/new/lm10.png) no-repeat center; } .lm2 .li:hover .hua span{ background:#8b7147; } .lm2cont .a_c{ height:111px; } .lm2cont .a_c .a{ width: 922px; height:100%; margin:0 auto; background:url(http://www.beijingbinzang.com/common/image/new/lm3.png) no-repeat center; } .lm2cont .a_c .more_lm2{ width: 180px; text-align: center; line-height: 53px; background:url(http://www.beijingbinzang.com/common/image/new/lm4.png) no-repeat center; color:#fff; position: absolute; left: 50%; margin-left:-90px; bottom:-27px; } .lm2cont .child{ display: none; } .lm2cont .child.on{ display: block; } .lm4{ position: relative; z-index: 5; background:url(http://www.beijingbinzang.com/common/image/new/lm12.jpg) no-repeat center; background-size: cover; padding:145px 0 60px; } .lm4 .span{ position: absolute; width: 100%; top:0; left: 0; transform:translateY(-50%); -webkit-transform:translateY(-50%); } .lm4 .span img{ display: block; width: 100%; } .lm4 .tit_com .tit_36{ color:#333; } .tablm4{ text-align: center; padding:25px 0 30px; } .tablm4 a{ display: inline-block; width: 205px; color:#333; line-height: 43px; font-size: 18px; vertical-align: middle; background:url(http://www.beijingbinzang.com/common/image/new/lm12.png) no-repeat center; background-size: 100% 100%; margin:0 10px; } .tablm4 a.on{ background:url(http://www.beijingbinzang.com/common/image/new/lm12a.png); color:#fff; } .lm4Cont{ margin:0 -5px; } .lm4Cont .li{ float: left; width:300px; margin-right: 10px; } .lm4Cont .a{ display: block; } .lm4Cont .img{ height:260px; } .lm4Cont .img img{ display: block; width: 100%; height:100%; } .lm4Cont .tit{ line-height: 65px; background:url(http://www.beijingbinzang.com/common/image/new/lm13.jpg) no-repeat center; background-size: cover; position: relative; color:#fff; overflow: hidden; } .lm4Cont .tit .yuan{ position: absolute; right: 0; top:0 ; width: 80px; background:#af905d; text-align: center; font-family: arial; font-size:20px; } .lm4Cont .tit span{ padding-left: 30px; float: left; position: relative; font-size:18px; } .lm4Cont .tit span:after{ content:""; position: absolute; width:300px; border-bottom: 2px dotted #af905d; top:50%; left:120%; } .lm4 .more_lm{ position: static; margin:30px auto 0; display: block; } .lm4Cont .child{ display: none; } .lm4Cont .child.on{ display: block; } .lm3{ position: relative; z-index: 3; padding:40px 0 185px; background:#fff; } .tablm3{ text-align: center; padding:0; width: 560px; position: absolute; left: 320px; top:100px; z-index: 100; } .tablm3 a{ display: inline-block; width: 205px; color:#333; line-height: 43px; font-size: 18px; vertical-align: middle; background:url(http://www.beijingbinzang.com/common/image/new/lm12.png) no-repeat center; background-size: 100% 100%; margin:0 10px; } .tablm3 a.on{ background:url(http://www.beijingbinzang.com/common/image/new/lm12a.png); color:#fff; } .lm3List .li { padding:20px 0; } .lm3List .li .con{ height:500px; position: relative; } .lm3Cont .child{ height:540px; position: relative; } .lm3Cont .l{ position: relative; width: 320px; height:460px; background:url(http://www.beijingbinzang.com/common/image/new/lm14.jpg) no-repeat center top; top:20px; } .lm3Cont .r{ position: absolute; width: 1075px; right: 0; top:20px; } .lm3List .li .con .i1{ position: absolute; width: 350px; height:320px; background:url(http://www.beijingbinzang.com/common/image/new/lm15.jpg) no-repeat center top; background-size: cover; left: 0; bottom:0; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); } .lm3List .li .con .i2{ position: absolute; width: 350px; height:320px; background:url(http://www.beijingbinzang.com/common/image/new/lm15.jpg) no-repeat center top; background-size: cover; left: 363px; bottom:0; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); } .lm3List .li .con .i3{ position: absolute; width: 350px; height:100%; background:url(http://www.beijingbinzang.com/common/image/new/lm15.jpg) no-repeat center top; background-size: cover; right:0; bottom:0; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); } .lm3List .li .con .a{ display: block; } .lm3List .li .con .a .img{ padding:25px 0; } .lm3List .li .con .a img{ display: block; width: 100%; height:210px; } .lm3List .li .con .i3 .a img{ display: block; width: 100%; height:360px; } .lm3List .li .con .i3 .img{ padding:50px 0 30px; } .lm3List .li .con .tit{ padding:0 35px 0 40px; line-height: 30px; font-size: 18px; } .lm3List .li .con .tit span{ float: left; padding-right: 20px; } .lm3List .tit .yuan i{ float: right; position: relative; font-style:normal; padding-left: 20px; color:#cd2b16; } .lm3List .tit .yuan i:after{ content:""; position: absolute; width:300px; border-bottom: 2px dotted #cfcfcf; top:50%; right:100%; } .lm3List .tit .yuan{ overflow: hidden; } .lm3Cont .l .t3 { position: absolute; font-size: 37px; width: 37px; text-align: center; top: 50px; left: 60px; line-height: 1.05; color: #fff; } .lm3Cont .l .m {position: absolute; width: 20px; padding-bottom: 40px; text-align: center; left: 68px; bottom: 50px; color:#fff; line-height: 1.05; background: url(http://www.beijingbinzang.com/common/image/new/lm16.png) no-repeat center bottom;} .lm3Cont .item{ position: absolute; top:20px; left:0; visibility: hidden; width: 100%; height:500px; z-index: 5; } .lm3Cont .item.on{ visibility: visible; z-index: 10; } .lm3List .slick-list{ overflow: inherit; } .lm3Cont .slick-prev{ position: static; display: inline-block; vertical-align: middle; background:none; font-size: 20px; } .lm3Cont .slick-next{ position: static; display: inline-block; vertical-align: middle; background:none; } .lm3Cont .slick-prev:after{ display: block; font-size: 40px; width: 40px; content:"\e831"; color:#fff; font-family: "xfont";} .lm3Cont .slick-next:after{ display: block; font-size: 40px; width: 40px; content:"\e832"; color:#fff; font-family: "xfont";} .lm3Cont .slick-nav{ position: absolute; top:90px; left:0; width: 160px; } .lm3Cont .slick-arrow{ width: auto !important; height: auto !important; } .lm3Cont .slick-arrow:hover:after{ color:#8f4d35; } .lm3Cont .c{ display: none; } .slick-paging{ display: inline-block; vertical-align: middle; font-size: 30px; padding:0 10px; color:#fff; } .detnew1{ background:url(http://www.beijingbinzang.com/common/image/new/det1.jpg) no-repeat center; background-size: cover; } .detnew1 .img{ float: left; /*width: 420px;*/ height: 570px;} .detnew1 .r{ overflow: hidden; } .detnew1 .r .tit{ padding:20px 0 0; line-height: 26px; } .detnew1 .r .cont{ padding:50px 0 0 60px; } .detnew1 .r .cont .tit_36{ text-align: left; } .detnew1 .r .cont .span{ float: left; color:#fff; font-size: 16px; } .detnew1 .r .cont .clear{ padding-bottom: 15px; } .detnew1 .r .cont .t{ overflow: hidden; color:#fff; font-family: arial,"微软雅黑"; } .detnew1 .r .cont .t span{ font-size: 30px; } .detnew1 .r .cont .ul{ overflow: hidden; width: 100%; padding-top: 15px; } .detnew1 .r .cont .li{ float: left; width: 192px; height:71px; background:url(http://www.beijingbinzang.com/common/image/new/det1.png) no-repeat center; text-align: center; color:#fff; } .detnew1 .r .cont .li + .li{ margin-left:10px; } .detnew1 .r .cont .li .t4{ padding-top: 12px; } .detnew1 .r .cont .li .t3{ font-size: 16px; } .detnew1 .r .cont .th{ font-size: 24px; padding:20px 0 15px; color:#d8b071; } .detnew1 .r .cont .p{ color:#fff; font-size: 16px; } .detnew2{ padding:20px 0; background:url(http://www.beijingbinzang.com/common/image/new/det3.jpg) no-repeat center; background-size: cover; } .detnew2 .cont{ padding:30px 0; background:rgba(255,255,255,0.7); position: relative; overflow: hidden; } .detnew2 .cont .li{ padding:20px 30px 0 90px; position: relative; z-index: 5; } .detnew2 .cont .t3com{ font-size: 30px; line-height: 52px; position: relative; margin-bottom: 20px; } .detnew2 .cont .t3com span{ position: absolute; width: 50px; height:50px; left:-70px; top:50%; margin-top:-26px; border:1px solid #cfcfcf; background:#fcfcfc url(http://www.beijingbinzang.com/common/image/new/lm17.png) no-repeat center; border-radius: 50%; } .detnew2 .cont .t3com .i{ position: relative; overflow: hidden;} .detnew2 .cont .t3com .i i{ float: left; position: relative; font-style: normal; } .detnew2 .cont .t3com .i i:after{ content:""; position: absolute; width: 1000px; left:120%; top:50%; margin-top:-0.5px; background: #cfcfcf; height:1px; } .detnew2 .cont .i1{ position: absolute; z-index: 5; width: 16px; height:16px; border:2px solid #cfcfcf; left:-2px; top:-2px; } .detnew2 .cont .i2{ position: absolute; z-index: 5; width: 16px; height:16px; border:2px solid #cfcfcf; right:-2px; top:-2px; } .detnew2 .cont .i3{ position: absolute; z-index: 5; width: 16px; height:16px; border:2px solid #cfcfcf; left:-2px; bottom:-2px; } .detnew2 .cont .i4{ position: absolute; z-index: 5; width: 16px; height:16px; border:2px solid #cfcfcf; right:-2px; bottom:-2px; } .detnew2 .cont .i5{ position: absolute; z-index: 1; width: 1px; height:100%; background:#cfcfcf; left:46px; top:0; } .detnew2 .cont .img{ text-align: center; } .detnew2 .cont .c .img{ float: left; width: 50%; } .detnew2 .cont .img img{ display: block; width: 100%; } .detnew2 .cont .img .t3{ font-size: 24px; padding:20px 0 0; } .detnew2 .cont .img .p{ font-size: 18px; color:#cd2b16; line-height: 1.8; padding-top: 5px; } .detnew2 .cont .tit{ padding:35px 35px 15px; background: url(http://www.beijingbinzang.com/common/image/new/det9.jpg) no-repeat center; background-size: cover; color:#fff; } .detnew2 .cont .tit .c{ padding-bottom: 15px; } .prd1 .r .cont .ul{ padding:0; } .prd1 .r .cont .nub{ font-size: 26px; } .prd1 .r .cont .ico img{ display: block; max-width: 100%; } .prd1 .r .cont .clear{ padding-bottom: 25px; } .prd1 .r .cont .s{ float: left; padding:5px 15px; color:#fff; background:#a78b5f; margin-right: 10px; font-size: 16px; } .prd2 .c1{ background:url(http://www.beijingbinzang.com/common/image/new/d1.jpg) no-repeat center; background-size: cover; color:#fff; padding:35px 40px 15px; overflow: hidden; margin-bottom: 20px; } .prd2 .c1 .t{ float: left; font-size: 16px; min-width: 160px; padding:0 20px 20px 0; } .prd2 .c2{ overflow: hidden; } .prd2 .c2 .item{ float: left; width: 50%; text-align: center; } .prd2 .c2 .item .i{ width: 520px; margin:0 auto; } .prd2 .c2 .item .i img{ display: block; width: 100%; } .prd2 .c2 .item .t2{ font-size: 24px; padding-bottom: 60px; line-height: 55px; padding-top: 10px; background:url(http://www.beijingbinzang.com/common/image/new/d3.png) no-repeat center bottom; margin-bottom: 30px; } .prd2 .c2 .item .t2 span{ padding-left:30px; position: relative; } .prd2 .c2 .item .t2 span:after{ content:""; position: absolute; width: 6px; height:6px; background:#856e34; border-radius: 50%; left:12px; top:50%; margin-top:-3px; } .prd2 .c3{ background:url(http://www.beijingbinzang.com/common/image/new/d2.jpg) no-repeat center; background-size: cover; color:#fff; padding:35px 20px 45px; text-align: center; } .prd2 .c3 .t2{ font-size: 24px; } .prd2 .c3 .p{ font-size: 16px; padding:15px 0 20px; } .prd2 .c3 .list .child{ display: inline-block; margin:0 10px; width: 224px; height:56px; line-height: 56px; background:url(http://www.beijingbinzang.com/common/image/new/d12.png) no-repeat center; background-size: 100% 100%; font-size: 16px; } .prd2 .c4 .item{ float: left; } .prd2 .c4 .item img{ display: block; width: 176px; height:176px; } .prd2 .c4 .item + .item{ margin-left:10px; } .prd2 .c4 { overflow: hidden; } .detnew1 .r .cont .t.yuan{ color:#d8b071; } @media screen and (max-width: 750px) { .lbnew2 .bk_tab .li{ width: 2.2rem; } .tabLb a{ padding:0 0.3rem; line-height: 0.8rem; font-size: 0.24rem; } .tabLb a.on{ font-size: 0.3rem; } .tabLb a i{ display: block; background:#cfcfcf; height:1px; } .tabLb a.on i{ background:#6c2016; height:2px; } .tabLb a i:after{ display: none; } .tabLb a.on i:after{ display: block; } .lbUl{ padding-bottom: 1rem; } .lbUl .li{ width: 50%; } .lbUl .li:nth-child(2n) .a{ border-right:1px solid #c5c5c5; } .lbUl{ width: auto; margin:0 0.3rem; } .lbnew2 .tit_com{ padding:1rem 0 0.3rem; } .money .line1{ left: 0.5rem; } .money .line2{ right: 0.5rem; } .lbUl .li .a{ padding-bottom: 0.3rem; } .money{ font-size:0.3rem; margin-top: 0rem; } .money span{ font-size: 0.4rem; } .tabLb{ margin: 0 0.3rem; } .lbnew .li{ height:4rem; } .lbnew .li img{ display: none; } .lm1{ padding:0 0 1rem; } .lm1 .lm1top .li{ width: 50%; height:2.4rem; margin: 0; } .lm1 .lm1top .li .tit{ height:100%; padding:0.3rem 0.3rem 0; } .lm1 .lm1top .li .t3{ font-size: 0.32rem; padding-bottom: 0.1rem; } .lm1 .line{ display: none; } .lm1 .lbnew2 .lbUl .li .a{ padding:0; } .lbUl .li .t3{ font-size: 0.3rem; padding-top: 0.2rem; } .money .line1,.money .line2{ display: none; } .lm1 .lbUl .li .t3{ padding:0; text-align: center; } .lm1 .lbUl .li .money{ padding:0; text-align: center; } .lbUl .li .a .img{ height:2.95rem; } .lm1 .lbnew2 .lbUl .li .a{ border-bottom: 1px solid #c5c5c5; } .more_lm,.lm2cont .a_c .more_lm2{ position: static; width: 2.4rem; line-height: 0.8rem; display: block; margin:0.5rem auto 0; background-size: 100% 100%; } .lm2tab a,.tablm3 a,.tablm4 a{ width: 2.2rem; height:0.6rem; line-height: 0.6rem; background-size: 100% 100% !important; margin: 0 0.05rem 0.2rem; font-size: 0.26rem; } .lm2tab,.tablm4{ padding:0.3rem 0; } .lm2cont .li{ width: 50%; margin:0 0 1rem !important; } .lm2cont .li .tit{ padding:0.3rem; } .lm2cont .li .tit .t3{ font-size: 0.3rem; } .lm2cont .li .tit .qian{ font-size: 0.24rem; } .lm2cont .li .tit .qian span{ font-size: 0.3rem; } .lm2cont .li .img{ height:auto; } .lm2cont .li .img img{ width: 100%; right: 0; height:auto; position: static; } .lm2cont .li{ height:auto; } .lm2cont .li:nth-child(2n+1){ clear:left; } .lm2{ padding:1rem 0; } .lm2cont .a_c .a{ width: auto; background:none; } .lm2cont .a_c{ height: auto; } .lm2cont .a_c .more_lm2{ margin:0 auto; } .tablm3{ position: static; width: 100%; } .lm3Cont .l{ display: none; } .lm3List .li .con{ height:6.15rem; } .lm3List .li .con .i1{ height:3rem; width: 49%; top:0; } .lm3List .li .con .i2{ height:3rem; width: 49%; left: 0; } .lm3List .li .con .i3{ height:100%; width: 49%; right: 0; top:0; } .lm3Cont .r{ position: relative; width: auto; top:0; } .lm3Cont .child{ height:7.6rem; } .lm3Cont .item{ top:0; } .lm3List .li .con .a img{ height:2.05rem; } .lm3List .li .con .a .img{ padding: 0.1rem 0; } .lm3List .li .con .tit{ padding:0 0.2rem; } .lm3List .li .con .tit span{ padding-right: 0.2rem; font-size: 0.24rem; line-height: 0.3rem; } .lm3List .tit .yuan i{ padding-left: 0.2rem; font-size: 0.24rem; line-height: 0.3rem; } .lm3List .li .con .i3 .a img{ height:3.55rem; } .lm3List .li .con .i3 .a .img{ padding:0.92rem 0; } .lm3{ padding:1rem 0 1rem; } .lm3Cont .slick-nav{ position: static; width: 100%; text-align: center; } .lm3Cont .slick-prev:after{ color:#945139; font-size: 0.4rem; } .lm3Cont .slick-next:after,.slick-paging{ color:#945139; font-size: 0.4rem; } .lm4{ padding:1rem 0; } .lm4Cont .li{ width: 50%; margin:0; } .lm4Cont .img{ height: 3.12rem; } .lm4Cont .tit span{ font-size: 0.26rem; padding-left: 0.2rem; } .lm4Cont .tit{ line-height: 0.8rem; } .lm4Cont .tit .yuan{ width: 1rem; font-size: 0.24rem; } .detnew1 .img{ float: none; width: 100%; overflow: hidden; } .detnew1 .img img{ margin: -1rem 0; } .detnew1 .x-wrap{ padding:0; } .detnew1 .r .cont{ padding:0.5rem 0.3rem; } .detnew1 .r .tit{ padding:0.3rem 0 0; line-height: 0.4rem; } .detnew1 .r .cont .span{ font-size: 0.3rem; } .detnew1 .r .cont .clear{ padding-bottom: 0.2rem; } .detnew1 .r .cont .t{ font-size: 0.24rem; } .detnew1 .r .cont .ul{ padding-top: 0.2rem; } .detnew1 .r .cont .li{ width: 2.2rem; height:1.2rem; background-size: 100% 100%; } .detnew1 .r .cont .li + .li{ margin-left: 0.1rem; } .detnew1 .r .cont .th{ font-size: 0.36rem; padding:0.2rem 0; } .detnew1 .r .cont .p{ font-size: 0.28rem; } .detnew1 .r .cont .li .t3{ font-size: 0.24rem; } .detnew1 .r .cont .li .t4{ padding-top: 0.2rem; } .detnew2 .cont{ padding:0.3rem 0; } .detnew2 .cont .li{ padding:0.3rem 0.3rem 0 1rem; } .detnew2 .cont .t3com span{ width: 0.6rem; height:0.6rem; margin-top:-0.3rem; background-size: 80% auto; left: -0.8rem; } .detnew2 .cont .t3com{ font-size: 0.36rem; line-height: 1.5; margin-bottom: 0.3rem; } .detnew2 .cont .c .img{ float: none; width: 100%; padding-bottom: 0.4rem; } .detnew2 .cont .img .t3{ font-size: 0.24rem; padding:0.2rem 0 0rem; } .detnew2 .cont .img .p{ font-size: 0.24rem; line-height: 1.5; } .detnew2 .cont .img .p br{ display: none; } .detnew2 .cont .tit{ padding:0.3rem; } .detnew2 .cont .tit .c{ padding-bottom: 0.2rem; } .detnew2 .cont .i5{ left:0.5rem; } .detnew1 .r .cont .t span{ font-size: 0.36rem; } .prd1 .r .cont .ul{ padding:0; } .prd1 .r .cont .ico img{ width: 5rem; } .prd1 .r .cont .s{ font-size: 0.26rem; padding:0.1rem 0.2rem; margin-right: 0.1rem; } .prd2 .c1{ padding:0.4rem 0.3rem 0.2rem; } .prd2 .c1 .t{ font-size: 0.24rem; padding:0 0 0.2rem; float: none; width: auto; } /*.prd2 .c2 .item{ float: none; width: 100%; }*/ .prd2 .c2 .item .i{ width: 90%; } .prd2 .c2 .item .t2{ font-size: 0.24rem; line-height: 0.8rem; padding-bottom: 0rem; background-size: auto 0.8rem; margin-bottom: 0.3rem; background:none; } .prd2 .c2 .item .t2 span{ padding-left: 0.2rem; } .prd2 .c2 .item .t2 span:after{ display: none; } .prd2 .c3{ padding: 0.4rem 0.3rem; } .prd2 .c3 .t2{ font-size: 0.36rem; } .prd2 .c3 .p{ padding:0.2rem 0 0.4rem; } .prd2 .c3 .list .child{ margin: 0 auto 0.3rem; width:4rem; display: block; height:1rem; line-height: 1rem; font-size: 0.24rem; } .prd2 .c4 .item{ width: 50%; margin:0 0 0.2rem !important; } .prd2 .c4 .item img{ display: block; width: 2.4rem; height: 2.4rem; margin:0 auto; } .lblist .child + .child .tabLb{ margin-top: 0.3rem; } .prd2 .c2 .item{ float: none; width: 100%; } .detnew1 .img{ width: 100%; height: auto; } }