@charset "utf-8";
/* 程序制作：冯召恺 咨询QQ：353716739 电话：138-8468-7093 */
* { padding:0; margin:0; border:none; }
body { font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#fff; }
a { text-decoration:none; color:#000; font-size:12px; }
.fl { float:left; }
.fr { float:right; }
li, ul { list-style:none; }
.clear { clear:both; height:1px; margin-top:-1px; overflow:hidden; }
#header { width:100%; padding-top:35px; margin:0 auto; position:relative; z-index:9999; }
#top { width:940px; margin:0 auto; }
#maill { float:left; margin:15px 0 0 12px; width:360px; }
#logo { float:left; margin-top:15px; }
.topul { width:220px; float:right; height:148px; }
.topul li { float:left; width:110px; }
.topul li img { width:94px; height:94px; overflow:hidden; }
.topul li span { height:25px; line-height:25px; display:block; text-align:center; width:94px; }
#nav { width:100%; height:40px; background:#7f7f7f; }
#nav ul { width:939px; height:40px; border-left:1px solid #fff; margin:0 auto; }
#nav li { line-height:40px; float:left; position:relative; height:40px; border-right:1px solid #fff; }
#nav li a { height:40px; display:inline-block; padding:0 17px; color:#fff; font-size:18px; }
#nav li a:hover { background:#e60012; }
#nav li.active a { background:#e60012; }
#nav li.currclass a { background:#e60012; }
#nav li .a { position:absolute; top:40px; left:0; background:#e60012; display:none; width:214px; }
#nav li:hover .a { display:block; }
#nav li:hover a { background:#e60012; }
#nav li .a dd { height:32px; line-height:32px; border-top:1px solid #fff; }
#nav li .a dd a { height:32px; line-height:32px; }
#nav li .a dd a:hover { background:#7f7f7f; width:180px;}
/*主体*/
#index_main { background:#f2f2f2; padding:49px 0 44px 0; }
#index_main h2, #page_main h2 { height:40px; text-align:center; line-height:40px; margin-bottom:32px; border-bottom:1px solid #7f7f7f; position:relative; }
#index_main h2:before, #page_main h2:before { position:absolute; top:26px; left:0; content:""; height:1px; width:100%; background:#7f7f7f; }
#index_main h2 strong, #page_main h2 strong { font-weight:normal; background:#7f7f7f; position:relative; z-index:999; font-size:18px; color:#fff; display:inline-block; padding:0 32px; }
.index_piclist { width:980px; margin:0 auto; padding-bottom:30px; }
.index_piclist dl { width:245px; float:left; margin-bottom:28px; }
.index_piclist dt { width:223px; margin:0 auto; background:#fff; height:270px; padding-top:5px; text-align:center; position:relative; overflow:hidden; box-shadow:0 0 5px #C7C7C7; }
.index_piclist dt a { color:#000;}
.index_piclist dt a:hover { color:#e60012;}
.index_piclist dt strong { position:absolute; top:182px; font-weight:normal; color:#fff; right:12px; text-shadow:0 0 4px #000; line-height:42px; font-size:14px; }
.index_piclist dt img { width:214px; height:214px; overflow:hidden; }
.index_piclist dt span { display:block; height:50px; overflow:hidden; font-size:20px; line-height:50px; }


.index_textlist { width:940px; margin:0 auto 42px auto; }
.index_textlist .ullist { width:456px; padding:25px 0; background:#fff; box-shadow:0 3px 3px #C7C7C7; }
.index_textlist .ullist li { height:30px; line-height:30px; background:url(../images2018/ico.png) no-repeat 23px 10px; text-indent:40px; position:relative; padding-right:110px; overflow:hidden; }
.index_textlist .ullist li span { position:absolute; top:0; right:38px; color:#7f7f7f; font-size:14px; }
.index_textlist .ullist li a { font-size:16px; }
.index_textlist .ullist li a:hover{ color:#e60012;}
/*底部*/
#footer { width:100%; background:#7f7f7f; clear:both; }
.footsum { width:435px; padding:28px 0 32px 505px; margin:0 auto; font-size:14px; color:#fff; line-height:24px; background:url(../images2018/f_logo.png) no-repeat 262px 48px; }
.footsum p a{ font-size:14px; color:#fff; margin-left:15px;}
/*成品套餐*/
.imglist { width:966px; margin:0 auto; }
.imglist li { width:230px; float:left; text-align:center; margin-bottom:5px; background:#fff; margin-right:5px; }
.imglist li img{ width:224px; height:234px; border:1px solid #fff; padding:2px;}

.fenye { height:32px; line-height:32px; text-align:center; margin-top:25px; }
.fenye a { padding:0 12px; display:inline-block; background:#7f7f7f; font-size:18px; color:#fff; margin:0 3px; }
.fenye a.curr { background:#e60012;}
.fenye a:hover, .fenye span a { background:#e60012; }
/*产品展示*/
.pagetit { width:770px; height:40px; border-bottom:1px solid #7f7f7f; margin:0 auto; position:relative; }
.pagetit.bor { border-bottom:none; border-top:1px solid #7f7f7f; }
.pagetit a { font-size:18px; }
.pagetit span { width:145px; display:block; height:39px; line-height:39px; border:1px solid #7f7f7f; border-bottom:none; text-align:center; font-size:18px; }
.pagetit span a{ width:145px; display:block;}
.pagetit span a:hover{ color:#F00; width:145px;}
.pagetit strong { position:absolute; top:0; right:0; width:145px; height:39px; line-height:39px; border:1px solid #7f7f7f; border-bottom:none; text-align:center; font-size:18px; }
.pagetit strong a { font-weight:normal; color:#e60012; }
.pagetit.bor span, .pagetit.bor strong { border:1px solid #7f7f7f; border-top:none; }
.pagesum { width:750px; padding:9px 9px 10px 9px; border-left:1px solid #7f7f7f; border-right:1px solid #7f7f7f; margin:0 auto; }
.pagesum h3 { width:686px; margin:0 auto; text-align:center; overflow:hidden; height:84px; font-size:22px; font-weight:normal; line-height:84px; position:relative; margin-bottom:32px; border-bottom:1px dotted #7f7f7f; }
.pagesum h3 .fx { position:absolute; bottom:0; right:0; }
.pagesum .pagetext { width:750px; background:#fff; padding:25px 0 50px 0; }
.pagesum .pagetext p { width:676px; margin:0 auto; line-height:30px; font-size:14px; text-indent:1em; }
.pagesum img { width:100%; max-width:750px; overflow:hidden; display:block; margin-bottom:40px; }
/*造景百科*/
.list_dl { width:957px; height:218px; margin:0 auto 20px auto; border-bottom:1px solid #7f7f7f; }
.list_dl a:hover{ color:#e60012;}
.list_dl dt { width:324px; height:200px; overflow:hidden; float:left; }
.list_dl dd { width:540px; padding-right:40px; float:right; }
.list_dl dd h4 { height:36px; line-height:36px; font-size:22px; font-weight:normal; overflow:hidden; margin-bottom:14px; }
.list_dl dd p { height:130px; color:#7f7f7f; font-size:16px; line-height:24px; overflow:hidden; }
.list_dl dd span { line-height:22px; color:#7f7f7f; font-size:16px; }
/*选图发货-进入后*/
#page_main { width:100%; background:#fff; padding:49px 0; }
.img_pagetit { width:914px; margin:0 auto; text-align:center; height:42px; position:relative; }
.img_pagetit strong { width:312px; overflow:hidden; line-height:42px; background:#E60012; display:block; margin:0 auto; font-size:20px; color:#fff; font-weight:normal; }
.img_pagetit .sp { position:absolute; top:0; display:inline-block; width:145px; text-align:center; height:40px; line-height:40px; border:1px solid #9FA0A0; }
.img_pagetit .sp.prev { left:154px; }
.img_pagetit .sp.next { right:154px; }
.img_pagetit .sp a { font-size:18px; }
.img_pagetit .fx { position:absolute; top:7px; right:0; z-index:999999; }
.img_pagesum { width:912px; border-left:2px solid #fff; margin:0 auto 49px auto; }
.img_pagesum li { width:226px; height:226px; text-align:center; overflow:hidden; border-left:2px solid #fff; border-bottom:2px solid #fff; float:left; background:#DCDDDD; 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; transition: 0.3s; -moz-transition: 0.3s; /* Firefox 4 */ -webkit-transition: 0.3s; /* Safari and Chrome */ -o-transition: 0.3s; /* Opera */ }
.img_pagesum li img { max-width: 226px; max-height: 226px; }
.img_pagesum li img:hover { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }