@charset "utf-8";
/* CSS Document */
body{ font-family:"Microsoft Yahei"; font-size:12px; color:#6c6c6c; background:#dbd8d4;}
div,ul,ol,li,h2{ margin:0px; padding:0px;}
ul,ol,li{ list-style-type:none;}
img{ border:none;}
a{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; width:0px; height:0px; overflow:hidden; margin:0; padding:0; font-size:0; line-height:0;}
.mt22{ margin-top:22px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:40px;}
.mt40{ margin-top:40px;}
.ml30{ margin-left:30px;}
.mtb30{ margin:30px auto;}
.wid880{ width:880px; margin:0 auto;}
.w732{ width:732px; margin:0 auto;}
.w300{ width:300px;}
.w378{ width:378px;}
.w267{ width:239px; height:217px; background:#e7e5e3; padding:25px 14px; margin-top:10px; position:relative;}
.w267 a.dic{  background:#d9d8d7; position:absolute; top:-7px; left:0; width:267px; height:275px; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -webkit-opacity:0.5; text-indent:192px;line-height:479px; display:none; color:#666;}
.w267 p,.w255 p{ line-height:22px; text-indent:24px;}
.w255{ width:247px; height:213px;background:#e7e5e3; padding:34px 14px; margin-top:10px; margin-left:30px; display:inline; position:relative;}
.w255 a.dic_01{ background:#d9d8d7; position:absolute; top:-11px; left:0; width:276px; height:295px; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -webkit-opacity:0.5; text-indent:199px;line-height:502px; display:none; color:#666;}
.w270{ width:242px; height:206px; background:#e7e5e3; padding:26px 14px; margin-top:10px; position:relative;}
.w270 a.dic_02{ background:#d9d8d7; position:absolute; top:-15px; left:0; width:273px; height:275px; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -webkit-opacity:0.5; text-indent:199px;line-height:510px; display:none; color:#666;}
.w270 p{ line-height:10px;}
/*foucs*/
.picList li{ width:650px;  } 
.picList .pic{ text-align:center; line-height:0px;  } 
.picList .pic img{ width:644px; height:364px; padding:2px; } 
.picList .pic a:hover img{ border-color:#f00;  } 
 a.dic, a.dic_01, a.dic_02{ font-size:16px; color:#000; margin-right:10px; }

 
/* 多个左滚动 - 公用类 */ 
.leftLoop{ overflow:hidden; position:relative;   } 
.leftLoop .bd{ padding:10px;   } 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left;display:_inline;  } 
#zzBg{ background:#000; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.6; filter:alpha(opactiy=60); -moz-opacity:0.6; -webkit-opacity:0.6; z-index:99; display:none;}
.foucs{ width:757px; height:683px; position:absolute; margin-left:-440px; left:50%; z-index:100; bottom:0; top:100px; visibility:hidden; }
.close{ width:35px; height:35px; text-align:center; line-height:35px; font-size:16px; font-weight:bold; color:#fff; background:#999; cursor:pointer;}

/*显示的滚图*/
/*焦点图*/
.mod18{width:758px;height:650px;margin:20px auto;position:relative;}
.mod18 .btn{position:absolute;width:15px;height:70px;top:583px;cursor:pointer;z-index:99;font-size:50px;}
.mod18 .prev{left:-21px;}
.mod18 #prevTop,.mod18 #nextTop{top:583px;width:46px;height:48px; right:-38px;}
.mod18 #prevTop{background:url(images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:758px;height:577px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:718px;position:absolute;left:0;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{height:577px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:577px;position:absolute;}
.mod18 .picBox li{width:758px;height:577px;}
.mod18 .listBox{width:720px;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:105px;height:70px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:95px;height:70px;}
.mod18 .listBox li img{width:95px;height:70px;}
.mod18 .listBox .on img{width:90px;height:70px;border:2px solid #6b6a66;}
.mod18 .listBox .on i{display:block;}

.pr{position:relative;}
.a_bx{position:absolute; left:730px; top:250px; width:114px; height:25px; background:url(about:blank);}