/*----------------------------------------------------------
/* Webbu Tile CSS v.1
/*
-----------------------------------------------------------*/

*{
	padding:0;
	margin:0;
}
html,body { height:100%; } /* for ff */
*,html,div,ul,li,ol,span,font  a:link{
	
	font-weight: normal;
	text-decoration: none; 
	
}
a:link {  color:#666666;}
a:visited {
	color:#000;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color:#FF0000;
	font-weight: normal;
	text-decoration: none;
}
 a:active {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
body{
	font-family:arial; background:#EBE9EA;
}
img { border:0px;}
strong { font-weight:bold;}
h1 { font-weight:bold; font-size:18px; color:#000000; width:100%; text-align:center;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px; list-style:none;} 


.dh { clear:both; width:100%; background:url(../sjimg/dh.jpg) repeat-x; height:59px;max-width:640px;margin:0 auto;}
.dh ul { clear:both;}
.dh li { float:left; width:33%; text-align:center; line-height:28px; height:28px;}
.dh li a { color:#FFFFFF; font-weight:bold; font-size:14px;}
.dh2 { clear:both; background:url(../sjimg/dh2.jpg) repeat-x; padding-top:8px; height:32px; padding-left:10px; color:#FFFFFF;}
.dh2 a { color:#FFFFFF;}
.dh2 span { float:right;}

.tit{ clear:both; background:url(../sjimg/tit1.jpg) repeat-x; width:100%; height:37px;max-width:640px;}
.tit span { float:right; padding-right:10px; line-height:35px;}
.tit span a { color:#FFFFFF;}
.dqwz{ clear:both; width:95%; height:37px;color:#FFFFFF; line-height:37px; padding-left:5%; background-color:#005bac}
.dqwz a { color:#FFFFFF;}
.dqwz span { float:right; padding-right:10px;}
.tit1 { background:url(../sjimg/tit2.jpg) no-repeat; width:93px; padding-top:10px; height:27px; color:#FFFFFF; font-size:16px; text-align:center; font-weight:bold; margin-left:5px;}
.tit2 { clear:both; text-align:center; color:#FFFFFF; padding-top:8px;}
.clear { clear:both; line-height:10px; height:10px;}

.news { clear:both;max-width:640px;}
.news ul { clear:both; margin:10px;}
.news li { clear:both; line-height:30px; height:30px; text-align:left;font-size:16px;  background:url(../sjimg/ico.gif) left center no-repeat; padding-left:15px;  border-bottom:1px solid #BABABA;border-top:1px solid #FFFFFF;}

.product-lb {clear:both;max-width:640px;}
.product-lb ul { clear:both; margin:10px;}
.product-lb li { clear:both; line-height:30px; height:30px; text-align:left;font-size:16px;   padding-left:15px;  border-bottom:1px solid #BABABA; background:#CCCCCC;}
.main { clear:both; margin:0 auto; width:100%; max-width:640px;}
.cleara { clear:both; height:70px;}
#opciones {
	Z-INDEX: 7000; POSITION: fixed; WIDTH: 120px;  FONT: 12px/140% Arial, Helvetica, sans-serif; BACKGROUND: #C82D2B; COLOR: #999; TOP: 35px; RIGHT: 0px; PADDING-TOP: 10px;border:1px solid #990000;
}

#opciones ul { clear:both; padding:0px; margin:0px;}
#opciones li { clear:both; text-align:center; border-bottom:1px solid #990000;}
#opciones li a:link , #opciones li a:visited { background:#C82D2B; color:#FFFFFF; display:block; width:120px; line-height:25px; height:25px;}
#opciones li a:hover { color:#FFFFFF; display:block; width:120px; line-height:25px; height:25px; background:#FF0000;}
#settings {
	Z-INDEX: 8000; POSITION: fixed; TEXT-INDENT: -99999px; WIDTH: 51px; DISPLAY: block; BACKGROUND: url(../sjimg/opciones.png) no-repeat 0px 0px; HEIGHT: 25px; TOP: 10px; CURSOR: pointer; RIGHT: 5px
}
#settings:hover {
	BACKGROUND: url(../sjimg/opciones.png) no-repeat 0px -50px
}
.cerrar {
	BACKGROUND: url(../sjimg/opciones.png) no-repeat 0px -25px!important;
}



.box { clear:both; width:100%; margin:0 auto; overflow:hidden; max-width:640px;}
.product { clear:both; max-width:640px;}
.product ul {  margin:0 auto; padding:0px; margin-top:10px; }
.product li { float:left; width:111px; background:url(../sjimg/360-kk.jpg) no-repeat; height:96px; text-align:center; margin:5px 4px; padding-top:4px; }
.product li img { width:97px; height:73px;}



 .city_link
        { background:url(../sjimg/tc.png);
            height: 54px;
           position:fixed; bottom:0; left:0; width:100%; _position:absolute; margin:0 0 60px 0; /* for IE6 */ 
 _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; z-index:99;
            display:none; padding:0px; padding-top:15px;
        }



.productcc {margin:1% auto 0; overflow:hidden; min-height:1300px;}
.productcc dl{ float:left; width:45%; position:relative; text-align:center;overflow:hidden; backg/round:#f4f4f4; margin:2% 1% 0 4%;}
.productcc dl dt{ background:#fff;height: 2rem;width: 2rem; border:#d0d0d0 solid 0.03rem;}
.productcc dl dt img{ height:100%; display:inline; max-width:100%;}
.productcc dl dd{ line-height:0.4rem; height:0.4rem; overflow:hidden; font-size:0.21rem; color:#3f3f3f;width: 2rem;}




.left-fl { clear:both; padding-top:30px; padding-bottom:100px;}
.left-fl dt { background:#005bac; margin:5px; padding:5px; text-align:left; padding-left:10px; margin-top:20px;}
.left-fl dt a { color:#fff;font-family: "microsoft yahei"; font-size:24px;}
.left-fl dd { background:#2f7cc0; text-align:center; width:42%; margin:10px; float:left; height:35px; line-height:35px;}
.left-fl dd a { font-family: "microsoft yahei"; font-size:18px; color:#FFFFFF;}

.lanmu{ padding:10px !important;}
.lanmu li{ float:left; margin-right:10px; margin-bottom:10px;background-color:#CCC; height:30px ; line-height:30px; width:70px; text-align:center}