<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.dz01 ul li .rx_p@charset "utf-8";
/* CSS Document */

/*common*/
body { font-family:" ";}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner a { background:url(../images/banner.jpg) no-repeat center 0; height:625px; display:block}

/**/
.fw_bg { background:url(../images/fw_bg.jpg) no-repeat center 0; height:495px;}

.fw_top a b { display:block; background:url(../images/fw_bt.gif) no-repeat; width:750px; height:71px; line-height:71px; text-align:center; font-size:25px; color:#222121; margin:0 auto;}
.fw_top a span { display:block; background:url(../images/fw_xx.gif) no-repeat 0 bottom; width:674px; margin:20px auto 25px; text-align:center; font-size:22px; color:#222121; font-weight:bold; height:45px}
.fw_con ul li { float:left; width:240px;}
.fw_con ul li a b { display:block; background:url(../images/fw_libg01.png) no-repeat; width:222px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:20px; font-weight:bold; margin:0 auto 51px;}
.fw_con ul li a:hover b { background:url(../images/fw_libg02.png) no-repeat; color:#000;}

/**/
.zx_bg { background:url(../images/zx_bg.jpg) no-repeat center 0; height:725px;}
.zx { width:319px; overflow:hidden;}
.zx_top { background: url(../images/zx_top.png) no-repeat;  height:79px; text-align:center;}
.zx_top a { font-size:24px; color:#fff; font-weight:bold; padding-top:35px; display:block}
.zx_con { background:url(../images/zx_con.png) repeat-y; height:498px; padding-top:20px;}
.zx_con ul { padding:0 0 15px 5px;}
.zx_con ul li { float:left; margin-bottom:12px;}
.zx_con ul li a { background:url(../images/zx_libg01.png) no-repeat; width:222px; height:32px; line-height:20px; font-size:16px; color:#000; font-weight:bold; display:block; padding-left:40px;}
.zx_con ul li a:hover { background:url(../images/zx_libg02.png) no-repeat; color:#fff;}
.zx_dh { padding:0 0 0 15px;}
.zx_dh span { display:block; padding:0 0 10px 10px; font-size:18px; color:#000; font-weight:bold; line-height:30px;}
.zx_dh span em { display:block; padding-left:36px;}
.zx_dh b { display:block; font-size:25px; color:#000; padding-bottom:5px;}
.zx_dh p { background:url(../images/zx_pic.jpg) no-repeat 0 0; padding:10px 0 0 115px; font-size:16px; color:#000; font-weight:bold; line-height:25px;}
.zx_dh p em { display:block; font-size:24px; font-style:italic; padding-bottom:10px;}

.zx_con02 { padding-top:0; height:820px;}
.zx_con02 h4 { padding-top:3px;}
.zx_con02 h4 a { background:url(../images/lx_h3bg.gif) no-repeat; width:305px; height:47px; line-height:47px; text-align:center; font-size:24px; color:#fff; display:block; margin-left:7px;}
.zx_dh02 b { display:block; padding:0px 0 0 43px; font-size:22px; color:#272525;}
.zx_dh02 p { padding:17px 0 0 125px; font-size:18px; color:#272525; font-weight:bold;}
.zx_dh02 p em { font-size:22px;}

/**/
.rx { background:url(../images/cp_bg.png) no-repeat; width:852px; height:638px; margin-left:29px;}
.rx_top { background:url(../images/cp_top.gif) repeat-x; height:68px; line-height:59px;}
.rx_top span { float:right; display:block; padding-right:20px;}
.rx_top span a {  font-size:15px; color:#fff; font-weight:bold;}
.rx_top ul { padding-left:2px;}
.rx_top ul li { float:left; border-right:solid 1px #fff;}
.rx_top ul .nobor { border:none;}
.rx_top ul li a {width:180px; height:68px; display:inline-block;  font-size:18px; text-align:center; color:#fff; font-weight:bold;}
.rx_top ul li a:hover,.rx_top ul .cur a { background: url(../images/cp_libg.png) no-repeat; }

.rx_con { padding-top:10px; display:inline-block}
.rx_con ul li { width:260px; float:left; margin:0 3px 0 16px; position:relative; display:inline}
.rx_con ul .nobor { margin:0;}
.rx_con ul li img { width:258px; height:226px; border:solid 1px #a2a2a2}
.rx_con ul li span { position:absolute; background: url(../images/btm.png) repeat; width:258px; height:35px; line-height:35px; left:1px; top:192px;  text-align:center;}
.rx_con ul li span a { color:#FFF; font-size:16px; font-weight:bold; }
.rx_con ul li em { display:block; height:48px; line-height:48px; font-size:13px; font-weight:bold; overflow:hidden;}
.rx_con ul li em i { padding-left:5px; width:145px; display:inline-block;}

.rx02 { background:url(../images/ls_bg.png) no-repeat; width:852px; height:905px; margin-left:29px; display:inline; overflow:hidden;}
.rx_con02 { margin:20px 0 0 12px; position:relative; width:823px; height:477px; overflow:hidden;}
.rx_con02 img { width:823px; height:477px;}
.rx_con02 em { display:block; position:absolute; background:url(../images/btm.png) repeat; width:803px; height:60px; line-height:60px; padding-left:20px; top:417px; left:0;}
.rx_con02 em a { font-size:16px; color:#fff; font-weight:bold;}

.rx_con03 { background:#e4e4e4; width:400px; height:305px; margin:13px 9px 0 13px; padding-top:5px; display:inline; overflow:hidden;}
.rx_con03 em { display:block; background:url(../images/ck_btbg.gif) no-repeat; width:260px; height:52px; line-height:52px; margin:0 0 10px 115px;}
.rx_con03 em a { font-size:18px; color:#fff; padding-left:66px;}
.rx_con03 ul li { background:url(../images/ck_xx.gif) no-repeat 0 bottom; margin:0 0 12px 11px; display: inline-block}
.rx_con03 ul li span { display:block; background:url(../images/ck_ico01.gif) no-repeat 0 0; padding:0 0 15px 20px; margin:0 0 0 10px; font-size:16px; color:#0e0e0e;}

.rx_con04 { background:#e4e4e4; width:400px; height:305px; margin:13px 9px 0 13px; padding-top:5px;}
.rx_con04 em { display:block; background:url(../images/ck_btbg.gif) no-repeat; width:260px; height:52px; line-height:52px; margin:0 0 10px 115px;}
.rx_con04 em a { font-size:18px; color:#fff; padding-left:66px;}
.rx_con04 ul { padding-top:10px; display:inline-block}
.rx_con04 ul li { float:left; padding:0 0 10px 15px; display:inline;}
.rx_con04 ul li a { background:url(../images/ck_libg01.gif) no-repeat; width:115px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#0e0e0e; display:block;}
.rx_con04 ul li a:hover { background:url(../images/ck_libg02.gif) no-repeat; color:#fff;}

.rx_con04 span { display:block; background:url(../images/ck_pbg.gif) no-repeat; width:376px; height:40px; line-height:40px; color:#fff; font-size:16px; margin:0 auto; text-align:center;}
.rx_con04 b { display:block; font-size:16px; color:#000; text-align:center; padding-top:10px;}

/*葬礼是对逝者最长情的祝福*/
.zf_bg { background:url(../images/zf_bg.jpg) no-repeat center 0; height:1233px;}
.zf_top { text-align:center; padding:93px 0 130px;}
.zf_top a { font-size:26px; color:#fff; font-weight:bold;}

/*精心做好葬礼现场的布置*/
.bz_bg { background:url(../images/bz_bg.jpg) no-repeat center 0; height:808px;}
.bz_top { text-align:center; padding-bottom:95px;}
.bz_top a b { display:block; font-size:26px; color:#fff; padding-top:120px;}
.bz_top a em { display:block; font-size:22px; color:#fff; padding-top:30px;}
.bz01 { width:232px; overflow:hidden;}
.bz01 ul li { margin-bottom:27px; display:inline-block}
.bz01 ul li a { background:url(../images/bz_libg01.png) no-repeat; width:232px; height:66px; line-height:66px; text-align:center; display:block; font-size:20px; color:#000;}
.bz01 ul li a:hover,.bz01 ul .cur a { background: url(../images/bz_libg02.png) no-repeat; color:#fff;}

.bz02 { width:936px; height:443px; margin-left:30px;}
.bz02 ul{width:950px; height:441px; margin:0 auto; position: relative; overflow:hidden;}
.bz02 ul li { width:762px; height:441px; overflow:hidden;}
.bz02 ul li a{display:block;}
.bz02 ul li a img{ width:100%}
.bz02 ul li span{ display:block; text-align:center; width:100%; line-height:48px; height:48px; position:absolute; left:0; bottom:0;background: url(../images/btm.png) repeat;}
.bz02 ul li span a{ font-size:20px; color:#fff;}

/*祥云殡葬全程提供*/
.tg_bg { background:url(../images/tg_bg.jpg) no-repeat center 0; height:590px; padding-top:83px;}
.tg_bg span { display:block; background: url(../images/tg_btbg.gif) no-repeat; width:429px; height:70px; line-height:70px; text-align:center; margin:0 auto 65px;}
.tg_bg span a { font-size:26px; color:#fff; font-weight:bold;}
.tg_bg ul { height:302px; overflow:hidden;}
.tg_bg ul li { float:left; padding-right:94px;}
.tg_bg ul .nobor { padding:0;}
.tg_bg ul li a b { background:url(../images/tg_libg01.gif) no-repeat; width:206px; height:186px; line-height:186px; text-align:center; font-size:22px; color:#fff; display:block; padding-bottom:25px;}
.tg_bg ul li a:hover b { background:url(../images/tg_libg02.gif) no-repeat; color:#a8a7a7}
.tg_bg ul .tg_li02 a b { line-height:25px; padding-top:65px; height:121px;}
.tg_bg ul li a em { display:block; font-size:16px; color:#fff; text-align:center; line-height:30px;}
.tg_sp { background:url(../images/tg_dhbg.gif) no-repeat; width:375px; height:40px; line-height:40px; font-size:20px; color:#312e2d; font-weight:bold; text-align:center; margin:0 auto;}

/*祥云殡殓服务项目及流程*/
.lc_bg { background:url(../images/lc_bg.jpg) no-repeat center 0; height:673px;}
.lc_top { text-align:center;}
.lc_top a b { display:block; font-size:25px; color:#222121; line-height:71px;}
.lc_top a em { display:block; font-size:22px; color:#222121; padding-top:20px; font-weight:bold;}

.lc_con { padding:40px 0 0; display:inline-block}
.lc_con ul li { float:left; background:url(../images/lc_libg.gif) no-repeat; width:223px; margin-right:20px;}
.lc_con ul .nobor { margin:0;}
.lc_con ul li a img { width:215px; height:320px; padding:4px 0 0 4px; display:block;}
.lc_con ul li span a { background:url(../images/lc_spbg.gif) no-repeat; width:142px; display:block; height:42px; line-height:42px; text-align:center; color:#fff; font-size:16px; font-weight:bold; margin:20px auto;}
.lc_dh { background:url(../images/lc_dh.gif) no-repeat; width:427px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight:bold; margin:25px auto 0;}

/*为逝者选择永久的安息地*/
.dz_bg { background: url(../images/axd_bg.jpg) no-repeat center 0; height:960px;}
.dz_top { text-align:center; font-size:26px; font-weight:bold; padding:110px 0 140px;}
.dz_top a { color:#fff;}

.dz01 { height:725px;}
.dz01 ul li { position:absolute;}
.dz01 ul li a { background:url(../images/dz_ico01.png) no-repeat; width:19px; height:34px; display:block;}
.dz01 ul li a:hover { background:url(../images/dz_ico02.png) no-repeat;}
.dz01 ul li .rx_p { position:absolute; top:19px; left:34px; background:#fff; border:solid 1px #494949; width:260px; height:110px; display: none; font-size:16px; color:#666; line-height:25px; padding:10px 0 0 10px; z-index:9999;}
.dz_li01 { top:40px; left:250px;}
.dz_li02 { top:112px; left:119px;}
.dz_li03 { top:234px; left:363px;}
.dz01 ul .dz_li03 .rx_p { top:0; left:-300px;}
.dz_li04 { top:268px; left:64px;}
.dz_li05 { top:343px; left:270px;}
.dz_li06 { top:360px; left:180px;}
.dz_li07 { top:360px; left:500px;}
.dz01 ul .dz_li07 .rx_p { top:0; left:-350px;}
.dz_li08 { top:438px; left:380px;}
.dz01 ul .dz_li08 .rx_p { top:0; left:-350px;}
.dz_li09 { top:540px; left:213px;}
.dz01 ul .dz_li09 .rx_p { top:0; left:34px;}

.dz02 p { font-size:20px; color:#000; line-height:36px; padding:0px 0 0 40px;}
.dz02 span { display:block; font-size:20px; color:#000; font-weight:bold;    margin-left: -180px;margin-top: 20px;}
.dz02 span em { display:block; font-size:30px; font-family:Arial; font-style:italic; padding-top:5px; line-height:33px;}

/**/
.sb_bg { background:url(../images/sb_bg.jpg) no-repeat center 0; height:900px;}
.sb_bg .bz_top { padding-bottom:77px;}
.sb_bg .bz_top b { padding-top:105px;}

.sb01 { width:205px; overflow:hidden;}
.kc01 { padding:0 0 6px}
.kc03 { padding:6px 0 0}
.kc02 ul li { position:relative; line-height:0; font-size:0; width:205px; padding:0; margin:0;margin-left:-15px\9;}
.kc02 ul li img { width:205px; height:173px;padding:0; margin:0;}
.kc02 ul li span { background:url(../images/btm08.png) repeat; position:absolute; top:140px; left:0; display:block; width:205px; height:33px; line-height:33px; overflow:hidden; text-align:center;}
.kc02 ul li span a { color:#fff; font-size:16px; font-weight:bold;}

.sb02 { width:611px; height:521px; position:relative; margin:33px 0 0 22px; display:inline; overflow:hidden;}
.sb02 img { width:611px; height:521px;}
.sb02 span { background:url(../images/btm06.png) repeat; position:absolute; top:410px; left:0; display:block; width:611px; height:112px; overflow:hidden;}
.sb02 span a { color:#fff; font-size:14px; padding:10px 10px 0 16px; display:block; line-height:22px;}
.sb02 span a b { display:block;}

.sb03 { background:url(../images/sb_bg10.png) no-repeat; width:346px; height:521px; margin:32px 0 0 14px;}
.sb03 ul { padding-top:20px;}
.sb03 ul li { height:52px; line-height:52px; margin:0 10px; background:url(../images/sb_xx.png) no-repeat 0 bottom; overflow:hidden}
.sb03 ul li a { font-size:20px; color:#000; font-weight:bold; display:block; background:url(../images/sb_ico10.png) no-repeat 0 17px; padding-left:18px;}
.sb03 b { display:block; background:url(../images/sb_dh.gif) no-repeat; width:290px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; margin:25px auto 0;}

/*广告*/
.pic01 a { background:url(../images/pic01.jpg) no-repeat center 0; height:432px; display:block}
.pic { width:1200px; margin: 0 auto;}
.pic01 a p { position:absolute; top:270px; left:618px; font-weight:bold;}
.pic01 a p span { display:block; float:left; font-size:18px; color:#000; padding-top:6px;}
.pic01 a p em { display:block; float:left; font-size:26px; color:#000; font-style:italic;}

/**/
.jz_bg { background:url(../images/jz_bg.jpg) no-repeat center 0; height:644px; margin-top:30px;}
.jz_bg .lc_top { text-align:center;}
.jz_bg .lc_top a b { background:url(../images/jz_bt.gif) no-repeat; width:430px; height:69px; line-height:69px; margin:0 auto; display:block; font-size:25px; color:#222121; line-height:71px;}
.jz_bg .lc_top a em { display:block; font-size:20px; color:#222121; padding-top:20px; font-weight:bold; background: url(../images/jz_xx.gif) no-repeat center bottom; padding-bottom:15px;}

.jz_con { padding-top:25px; display:inline-block;} 
.jz_con dl { float:left; width:280px; margin-right:25px;}
.jz_con .nobor { margin:0;}
.jz_con dl dt { background:url(../images/jz_pbg.png) no-repeat; width:280px; height:251px;}
.jz_con dl dt img {  padding:6px 0 0 6px; width:268px; height:239px;}
.jz_con dl dd b{ line-height:45px; height:45px; overflow:hidden;}
.jz_con dl dd b a { font-size:15px; color:#333;}
.jz_con dl dd p { font-size:15px; line-height:25px; text-indent:30px;}
.jz_con dl dd span { display:block; padding-top:10px;}
.jz_con dl dd span a { margin:0 auto; color:#fff; font-size:14px; background:url(../images/jz_spbg.gif) no-repeat; width:148px; height:49px; line-height:49px; text-align:center; display:block;}

/*上海祥云殡葬服务有限公司*/
.zj_bg { background:url(../images/zj_bg.jpg) no-repeat center 0; height:669px;}
.zj_bg .bz_top { padding-bottom:80px;}
.zj_bg .bz_top b { padding-top:90px;}

.zj_con { padding:10px 0 0 10px; height:343px;}
.zj_con dl { float:left; width:480px;}
.zj_con dt { float:left; background:url(../images/zj_picbg.png) no-repeat; width:501px; height:343px;}
.zj_con dt img { padding:9px 0 0 8px; width:485px; height:325px;}
.zj_con dd { width:465px; padding-left:15px;}
.zj_con dd b{  height:30px; line-height:30px; display:block; background:url(../images/zj_bt.gif) no-repeat; width:273px; height:49px; line-height:49px; text-align:center; margin-bottom:13px;}
.zj_con dd b a { font-size:18px; color:#fff; font-weight:normal;}
.zj_con dd p { line-height:26px; font-size:15px; color:#333; overflow:hidden; text-indent:30px;}

.zj_right { float:left; padding:72px 0 0 29px;}
.zj_right ul li { margin-bottom:10px;}
.zj_right ul li a { display:block; background:url(../images/zj_libg.gif) no-repeat; width:180px; height:51px; line-height:51px; text-align:center; color:#fff; font-size:15px;}

/*祥云殡葬4家门店均提供24小时服务*/
.md_bg { background:url(../images/md_bg.jpg) no-repeat center 0; height:804px;}
.md_top { text-align:center; padding-top:100px;}
.md_top a { color:#fff; font-size:26px; font-weight:bold; }

.md_con { width:1179px; height:555px; margin:105px auto 0;}
.md_con ul{width:600px; height:555px; margin:0 auto; position: relative; }
.md_con ul li { width:959px; height:555px; overflow:hidden;}
.md_con ul li a{display:block; overflow:hidden;}
.md_con ul li a img{ width:100%}
.md_con ul li span{ display:block; text-align:center; width:100%; line-height:61px; height:61px; position:absolute; left:0; bottom:0;background: url(../images/btm06.png) repeat;}
.md_con ul li span a{ font-size:25px; color:#fff;}

/*殡葬问答*/
.dt_bg { background:url(../images/dt_bg.jpg) no-repeat center 0; height:656px; padding-top:52px;}
.wd { background:url(../images/wd_bg.png) no-repeat; width:319px; height:486px;}
.wd b { display:block; text-align:center; line-height:60px;}
.wd b a { font-size:24px; color:#fff;}
.wd_con dl { padding:15px 0 13px 15px; background:url(../images/wd_xx.gif) no-repeat center bottom}
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(../images/wd_w.gif) no-repeat left 6px; height:40px; line-height:40px; padding-left:34px; overflow:hidden;}
.wd_con dl dt a { color:#333; font-size:16px; font-weight:bold;}
.wd_con dd { background:url(../images/wd_d.gif) no-repeat left 0; width:258px;  line-height:25px; padding-left:30px; font-size:15px; color:#333; white-space:normal; word-break:normal; margin-top:5px;}

/**/
.dt { background:url(../images/dt_bg.png) no-repeat; width:853px; height:486px; margin-left:28px;}
.dt_top { line-height:46px; padding:5px 0 0 7px;}
.dt_top span { float:right; display:block; padding-right:20px;}
.dt_top span a {  font-size:15px; color:#fff; font-weight:bold;}
.dt_top ul li { float:left;}
.dt_top ul li a { width:202px; height:57px; display:inline-block;  font-size:18px; text-align:center; color:#fff; font-weight:bold;}
.dt_top ul li a:hover,.dt_top ul .cur a { background:url(../images/dt_libg.gif) no-repeat; }

.dt_con dl { padding:12px 0 0 30px; height:175px;}
.dt_con dt { float:left; padding-right:16px;}
.dt_con dt img { width:267px; height:160px;}
.dt_con dd { float:left; width:505px}
.dt_con dd b { height:40px; line-height:40px;}
.dt_con dd b a { font-size:16px; color:#333;}
.dt_con dd p { line-height:25px; color:#333; font-size:15px;}
.dt_con dd span { display:block; padding-top:5px;}
.dt_con dd span a { color:#333; font-size:13px; text-decoration:underline}
.dt_con ul li { background: url(../images/dt_xx.gif) no-repeat 0 bottom; height:34px; line-height:34px; overflow:hidden; float:left; width:315px; margin:0 40px 0 33px;}
.dt_con ul li a { color:#24231f; font-size:14px; background:url(../images/dt_ico01.gif) no-repeat 0 10px; padding-left:10px;}

/**/
.yq { padding-top:79px;}
.yq i { display:block; float:right;}
.yq b { display:block; float:left; padding-left:20px; line-height:40px;}
.yq b a { font-size:16px; color:#fff;}

/*scroll_03*/
.scroll_03{ float:left; padding-left:50px; line-height:40px; width:960px; height:40px; overflow:hidden;}
.scroll_03 .bd li{ float:left; width:120px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:35px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:35px; width:120px;}
.scroll_03 .bd li .img table tr td img{width:120px; height:35px;}
/**/

.slideBox{ overflow:hidden; position:relative; float:left; width:501px; height:343px;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul span{ display:block; height:40px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox .bd img{ width:501px; height:343px; }


.box{width: 501px;height: 405px; float:left;}
.all{width: 501px;height: 405px;overflow: hidden;}
.top-img{width: 500px;height: auto;font-size: 0;position: relative;}
.activeimg{overflow: hidden;height: 300px;position: relative;}
.top-img .activeimg img{width: 500px;height: 300px;}
.top-img .left{width: 80px;height: 300px;background: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;text-align: center;line-height: 300px;cursor: pointer;}
.top-img .right{width: 80px;height: 300px;background: rgba(0,0,0,0.4);position: absolute;left:420px;top: 0;text-align: center;line-height: 300px;cursor: pointer;}
.top-img .left:hover,.top-img .right:hover{background: rgba(0,0,0,0.5);}

.bot-img{height: 90px;width: 500px;margin-top: 15px}
.bot-img ul{width: 100%;height: 100px;}
.bot-img ul li{width: 90px;margin-right: 10px;float: left;border: 1px solid #fff;cursor: pointer;font-size: 0;}
.bot-img ul li.active{border: 1px solid #ff6600;}
.bot-img ul li img{width: 100%;}
.bot-img ul li:last-child{margin-right: 0;}
/**/

.mod18{width:501px;position:relative;float:left;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:none;}
.mod18 #prevTop,.mod18 #nextTop{top:150px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px;}
.mod18 #prevTop{background:none;}
.mod18 #nextTop{background:none;}
.mod18 .next{right:10px;background:none;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#000;}
.mod18 .cf img{ width:501px; height:300px;}
.mod18 .cf a{display:block;  width:501px;height:300px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:461px;position:absolute;left:0px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:501px; height:300px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:300px;position:absolute; left:0; width:505px;}
.mod18 .picBox li{ padding-right:1px; width:501px;height:300px;}
.mod18 .listBox{width:500px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; width:505px;}
.mod18 .listBox li{width:94px;height:77px;cursor:pointer;position:relative; padding:5px 0 0 0; margin-right:7px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border:3px solid #fff;width: 90px; height: 60px;}
.mod18 .listBox .on img{border:3px solid #CECDCC;}
.mod18 .listBox .on{background:url(../images/img_bg.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}</pre></body></html>