#header, #main, #footer {width:960px}
.follow {display:none}
.logo{ float:left; width:127px; height:108px; margin:10px 0 0 13px;behavior:url(/com/js/png/iepngfix.htc);}
.slogan {line-height:120% !important;width:550px !important;position:relative; margin:30px 0 0 45px !important;  text-align: left !important;}
.likeUs {
  width: 115px;
  position: absolute;
  height: 30px;
  left: 456px;
  top: 35px;
  line-height: 25px;
}
.slogan p {
  margin:0 0 15px 0;
  text-align: center;
}
.tel {
  padding-left: 25px;
  background: url(/images/ico/p003.png) no-repeat;
  font: bold 20px Arial, Helvetica, sans-serif;
}
.navBar {}
.navBar table {border-bottom:4px solid #b0403f;}
.navBar table td {padding:6px;text-align:center;background:url(/images/nav.jpg) left center repeat-x;}
.navBar table td:hover,.navBar table .current,.navPhone a:hover {background:url(/images/navHover.jpg) left center repeat-x;}
.navBar a {font-size:16px;color:#fff;text-decoration:none;display:block}
.navBar .first {border-radius:4px 0 0 0;}
.navBar .last {border-radius:0 4px 0 0;}
.navBar .navItemMore {display:none;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#fff;border-radius:0 4px 0 0;cursor:pointer}

#msnSkype{display:none !important;}
#mainNav li {padding-right:14px}
.logoM {display:none}
.mobile_menu { 
		display:none;
		position: absolute;
		color: #ccc;
		right: 0px;
		top: 95px;
		margin: 10px;
		background: #fff;
		cursor: pointer;
		z-index: 998;
	}
	.mobile_menu_list { 
	display:none;
		position: absolute;
		top: 155px;
		z-index: 9998;
		width: 99%;
		background: #fff;
	}

.scrollDiv {width:100%; overflow-x:auto;}

.box_no li {float:left; margin-right:10px; }
.box_no_20 li {float:left; margin-right:20px; }
.liw130 li {width:130px; }
.liw140 li {width:140px; }
.liw150 li {width:150px; }
.liw160 li {width:160px; }
.liw170 li {width:170px; }
.liw200 li {width:200px; }
.liw200_30 li {width:200px; line-height:30px; }
.liw220 li {width:220px; }
.liw240 li {width:240px; }
.liw300 li {width:300px; }
.liw300_15 li {width:300px; padding-bottom:15px;}
.liw340 li {width:335px; }


.dotLine { border-bottom:1px dashed #000;}

@media screen  and (max-width: 950px){

}
@media screen  and (max-width: 770px){
	.display_block_770 {float:none;display:block}
	
	 .mobile_menu,.mobile_menu_list {display:block;}
	 
	.leftbar {margin-left:0px;}
	.logoM {display:block}
 
	#header, #main, #footer,
	.mainCon,.sideBar {width:100% !important;}
	#main .mainCon {padding:0 !important;}
	#main .mainCon .topMain, #main .qa,.sub {width:100% !important;}
	#main .mainCon .topMain {margin:0;padding:6px 0px;}
	#main .mainCon .cityList .cityT {width:100% !important;}
	
	body {background:none !important;padding:0 4px}
	
	.mainCon,.sideBar {padding:0;}
	.sideBar {float:left}
	.likeUs,.logo,.slogan,.leftNav,#msnSkype {display:none !important}
	
	
	.index .sideBar p img {display:block;float:none}
	.index .group dl {float:left;margin-left:10px;width:60%}
	
	.navBar .navItemMore {display:block}
	.qa .reply .ask {width:auto !important;}
	 
	 
	 #content {padding:0 !important;float:none !important}
	 
	#txtComment {width:100% !important;margin:4px 0}
	
	.leftbar * {width:100% !important}
	.sideNavTit .sideTitle {background:#528cd6 !important}
	#main .sonNav ul {border:none}
	#main .sonNav .current {width:auto !important}
	
	.liw200_30 li {width:150px;}
}
@media screen  and (max-width: 680px){ 

}
@media screen  and (max-width: 640px){ 
	
	#footer img , .addFunction, #main .mainCon .cityList .bar2, #main .mainCon .picSum {display:none !important;}
	
	.askLeft,.askRight,.askLeft * {width:100% !important}
	#main .mainCon .guide {width:100% !important; margin-left:0px !important;}
	
	.liw200_30 li {width:130px;}
}
@media screen and (max-width: 550px){
	.bigMap {width:100%; height:auto;}
	
	.recoLine .beginLine {float:left !important; width:100% !important;}
	.recoLine , .daily{width:100% !important;}
}  
@media screen and (max-width: 460px){
	
}  
@media screen and (max-width: 320px){
	.img0 {max-width:100%}
	#main h1 { line-height:120% !important;}
	#content { margin: 0px 2px !important;}
	#main .mainCon .cityList .cityT {height:auto !important;}
}    
  