@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0; border:none;}
body { padding:0; overflow-x:hidden; background:#fff; }
.header { width:6.4rem; margin:0 auto; }
img { width:100%; font-size:0; line-height:0; }
.header .top { width:6.4rem; height:1.35rem; background:#000; z-index:9999; }
.header #logo { position:absolute; top:0; left:0.44rem; width:2.72rem; height:1.32rem; }
.header #tmall { position:absolute; top:0.34rem; right:0.3rem; width:2.53rem; height:0.72rem; }
.header .menu { width:6.4rem; height:1.26rem; border-bottom:1px solid #615F5F; border-top:1px solid #615F5F; margin-top:0.12rem; }
.header .menu ul { width:5.76rem; height:1.26rem; border-right:0.01rem solid #615F5F; margin:0 auto; }
.header .menu.active { background:url(../3gimages/menu_a.jpg) no-repeat; background-size:0.47rem 0.47rem; }
.header .menu li { width:0.64rem; height:1.26rem; border-left:0.01rem solid #615F5F; text-align:center; box-sizing:border-box; padding:0 0.2rem; font-size:0.2rem; float:left; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.header .menu li a { font-size:0.2rem; line-height:0.24rem; }
.header .menu li.active, .header .menu li:hover { background:#595757; }
.header .menu li.active a, .header .menu li:hover a { color:#fff; }

.header .menu li.currclass{ background:#595757; }
.header .menu li.currclass a{ color:#fff; }
/*主体*/
.piblic_width { width:6.4rem; background:#F2F2F2; padding:0.24rem 0 0.36rem 0;  }
.piblic_width h2, .about_sum h2 { height:0.4rem; line-height:0.4rem; text-align:center; border-bottom:0.01rem solid #615F5F; position:relative; line-height:0.4rem; text-align:center; font-size:0.22rem; font-weight:normal; }
.piblic_width h2 span, .about_sum h2 span { display:inline-block; background:#595757; color:#fff; width:5.78rem; height:0.4rem; text-align:center; }
.piblic_width h2:before, .about_sum h2:before { position:absolute; top:0.26rem; right:0; width:0.27rem; height:0.01rem; background:#615F5F; content:""; }
.piblic_width h2:after, .about_sum h2:after { position:absolute; top:0.26rem; left:0; width:0.27rem; height:0.01rem; background:#615F5F; content:""; }

/*+++++ 2019图集内容列表 ++++++ */
.tuji3gmimi { width:6.4rem; background:#F2F2F2; padding:0.24rem 0 0 0;  }
.tuji3gmimi h2, .about_sum h2 { height:0.4rem; line-height:0.4rem; text-align:center; border-bottom:0.01rem solid #615F5F; position:relative; line-height:0.4rem; text-align:center; font-size:0.22rem; font-weight:normal; }
.tuji3gmimi h2 span, .about_sum h2 span { display:inline-block; background:#595757; color:#fff; width:5.78rem; height:0.4rem; text-align:center; }
.tuji3gmimi h2:before, .about_sum h2:before { position:absolute; top:0.26rem; right:0; width:0.27rem; height:0.01rem; background:#615F5F; content:""; }
.tuji3gmimi h2:after, .about_sum h2:after { position:absolute; top:0.26rem; left:0; width:0.27rem; height:0.01rem; background:#615F5F; content:""; }
.shangxia3g { width:5.8rem; margin:0 auto; padding:0.24rem 0; }
.rimimi { height:0.41rem; line-height:0.41rem;  background:#e60012; padding:0 1.45rem; box-sizing:border-box; text-align:center; overflow:hidden; color:#fff; position:relative; font-size:0.2rem; }
.rimimi a { font-size:0.18rem; }
.rimimi .sp1 { position:absolute; top:0; left:0; width:1.43rem; height:0.39rem; background:#F2F2F2; border:0.01rem solid #615F5F; text-align:center; }
.rimimi .sp2 { position:absolute; top:0; right:0; width:1.43rem; height:0.39rem; background:#F2F2F2; border:0.01rem solid #615F5F; text-align:center; }

.zhenbiao { width:6.4rem; background:#F2F2F2; padding:0 0 0.16rem 0;  }
.zhenzhen { width:5.78rem; margin:0 auto; padding:0.24rem 0.31rem 0.1rem 0.31rem; }
.zhenzhen li { width:2.76rem; height:3.24rem; box-sizing:border-box; background:#fff; margin-bottom:0.24rem; float:left; padding:0.06rem; box-shadow:0 0 5px #C7C7C7; }
.zhenzhen li:nth-of-type(2n) { float:right;}
.zhenzhen li img { width:2.64rem; height:2.64rem; margin:0; font-size:0; }
.zhenzhen li span { height:0.5rem; overflow:hidden; line-height:0.36rem; display:block; font-size:0.2rem; text-align:center; }


/*底部*/
.footer { width:6.4rem; background:#000 url(../3gimages/f_logo.png) no-repeat 0.26rem center; background-size:2.17rem 0.99rem; height:1.59rem; color:#fff; line-height:0.22rem; }
.footer .footext { padding:0.3rem 0 0 3rem; }
.footer p { line-height:0.22rem; width:3.2rem; font-size:0.14rem; }
.index_piclist { width:5.78rem; margin:0 auto; padding:0.24rem 0.31rem 0.1rem 0.31rem; }
.index_piclist li { width:2.76rem; height:3.08rem; box-sizing:border-box; background:#fff; margin-bottom:0.24rem; float:left; padding:0.06rem; box-shadow:0 0 5px #C7C7C7; position:relative;}
.index_piclist li:nth-of-type(2n) { float:right;}
.index_piclist li img { width:2.64rem; height:2.48rem; margin:0; font-size:0; }
.index_piclist li span { height:0.5rem; overflow:hidden; line-height:0.36rem; display:block; font-size:0.2rem; text-align:center; }
.index_piclist li strong { position:absolute; top:0.09rem; font-weight:normal; color:#333; right:0.09rem; text-shadow:0 0 4px #fff;  font-size:14px; }


.index_textlist { background:#fff; margin:0.1rem auto 0 auto; width:5.78rem; padding:0.12rem 0.2rem 0.26rem 0.12rem; box-sizing:border-box; box-shadow:0 0 5px #C7C7C7; }
.index_textlist li { height:0.39rem; line-height:0.32rem; position:relative; border-bottom:0.01rem dotted #D1D2D2; padding-right:0.8rem; text-indent:0.18rem; overflow:hidden; }
.index_textlist li a { font-size:0.2rem; color:#000; }
.index_textlist li span { position:absolute; top:0; line-height:0.4rem; right:0.1rem; font-size:0.12rem; color:#c9caca; }
/*关于我们*/
.about_sum { width:6.4rem; margin:0 auto; padding:0.24rem 0; }
.about_sum h3 { width:5.82rem; border-bottom:0.01rem dotted #8A8A8A; margin:0 auto 0.24rem auto; line-height:0.6rem; height:0.6rem; overflow:hidden; text-align:center; }
.aboutit { height:0.74rem; padding:0.16rem 0.3rem 0.18rem 0.3rem; background:#F2F2F2; box-sizing:border-box; margin-bottom:0.2rem; position:relative; }
.aboutit a { width:1.45rem; border:0.01rem solid #9FA0A0; height:0.39rem; line-height:0.39rem; text-align:center; font-size:0.18rem; display:inline-block; }
.aboutit span { position:absolute; top:0.16rem; right:0.3rem; }
.aboutit span a { color:#e60012; }
.about_sum p { width:5.82rem; font-size:0.14rem; line-height:0.32rem; margin:0 auto; text-indent:1rem; }
.about_sum img { margin:0.24rem auto 0 auto; width:5.8rem; /*border:0.01rem solid #000;*/ max-width:5.8rem; display:block; overflow:hidden; }
/*成品套餐*/
.img_piclist { width:5.86rem; margin:0 auto; padding:0.28rem 0 0.4rem 0; }
.img_piclist li { float:left; width:2.93rem; text-align:center; margin-bottom:0.28rem; }
.img_piclist li img { width:2.66rem; height:2.66rem; overflow:hidden; }

.fenye { height:0.42rem; text-align:center; padding-top:0.3rem; clear:both; }
.fenye a { padding:0 0.2rem; line-height:0.42rem; display:inline-block; background:#595757; margin-right:0.1rem; color:#fff; font-size:0.18rem; }
.fenye a.curr { background:#e60012;}
.fenye span a { background:#e60012; }
.fenye a:hover { background:#e60012; }

/*造景百科*/
.textlist { width:6.4rem; }
.textlist dl { height:2.08rem; padding:0.24rem 0.3rem 0 0.44rem; box-sizing:border-box; border-bottom:0.01rem solid #8E8E8E; }
.textlist dt { width:2.54rem; float:left; }
.textlist dt img { width:2.54rem; height:1.68rem; overflow:hidden; }
.textlist dd { width:2.9rem; float:right; }
.textlist h4 { height:0.32rem; line-height:0.32rem; overflow:hidden; border-bottom:0.01rem dotted #8E8E8E; margin-bottom:0.1rem; font-size:0.16rem; }
.textlist p { height:1.2rem; line-height:0.2rem; overflow:hidden; color:#7f7f7f; font-size:0.12rem; }
.pagesum { width:5.8rem; margin:0 auto; padding:0.24rem 0; }
.pagetit { height:0.41rem; line-height:0.41rem; margin-bottom:0.3rem; background:#e60012; padding:0 1.45rem; box-sizing:border-box; text-align:center; overflow:hidden; color:#fff; position:relative; font-size:0.2rem; }
.pagetit a { font-size:0.18rem; }
.pagetit .sp1 { position:absolute; top:0; left:0; width:1.43rem; height:0.39rem; background:#F2F2F2; border:0.01rem solid #615F5F; text-align:center; }
.pagetit .sp2 { position:absolute; top:0; right:0; width:1.43rem; height:0.39rem; background:#F2F2F2; border:0.01rem solid #615F5F; text-align:center; }
.pagesum li { width:2.9rem; font-size:0; line-height:0; float:left; text-align:center; margin-bottom:0.04rem; }
.pagesum li img { width:2.86rem; height:2.86rem; overflow:hidden; }
.imgzoom_pack { z-index: 2017; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); display: none; }
.imgzoom_pack .imgzoom_x { color: #fff; height: 30px; width: 30px; line-height: 30px; background: #000; text-align: center; position: absolute; right: 5px; top: 5px; z-index: 10; cursor: pointer; }
.imgzoom_pack .imgzoom_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.imgzoom_pack .imgzoom_img img { width: 100%; position: absolute; top: 50%; }
.gallery-thumbs .swiper-slide { width: 25%; height: 100%; line-height:0; font-size:0; box-sizing:border-box; border:0.02rem solid #f2f2f2; }
.gallery-thumbs .swiper-slide-thumb-active { box-sizing:border-box; border:0.02rem solid red; }