﻿/** Global **/
body, td, a, li, div, span, ul, p, input, textarea,b,i, form{font-family: Arial, Verdana, sans-serif;font-size: 12px; color:#333;}
*,html{font-family: Arial, Verdana, sans-serif;color:#333;}
body,form{margin:0px; padding:0px; }
div{ padding:0px; margin:0px;overflow:hidden; cursor:default;}
a:link    {color:#222; font-family: Arial, Verdana, sans-serif; font-size: 12px; background-color:transparent;  text-decoration:none; }     
a:visited {color:#222; font-family: Arial, Verdana, sans-serif; font-size: 12px; background-color:transparent; text-decoration: none;}      
a:active  {color:#222; font-family: Arial, Verdana, sans-serif; font-size: 12px; background-color:transparent;text-decoration: none;}                                     
a:hover   {color:#2070E0; font-family: Arial, Verdana, sans-serif; font-size: 12px; background-color:transparent;text-decoration: none;} 
img{border:none;}
.clear{clear: both; font-size: 1px; line-height: 0px; }
.hidden{display:none;}

/** Body **/
body{
	background:#F75E00 url(images/new/map_back.jpg) center top ;
}
.ccBody{
	width:921px; margin:0px auto;  background-color:#fff;
}

/** Banner **/
.topBanner
{
    width:1000px; margin:0 auto; background:url(images/new/topBannerBG.jpg) no-repeat;
}
.d_top
{
    height: 104px;
}
.ccBanner{
	width:921px; height:72px; margin:0px auto;
}
.ccBanner .logo{
	width:367px;
}
.ccNavbar{
	width:550px; float:right; margin-top:34px;
}
.ccNavbar ul{
	padding:0px; margin:0px;
}
.ccNavbar ul li{
	height:38px; display:block; float:left; overflow:hidden;
}
.ccNavbar ul li a, .ccNavbar ul li a:link, .ccNavbar ul li a:visited{
	height:38px; line-height:40px; display:block;overflow:hidden;  text-align:center;
	color:#fff; text-align:center;background:url(images/citycome_nav.jpg) no-repeat; 
}
.ccNavbar .nb_first{
	width:91px;
}
.ccNavbar .nb_first a, .ccNavbar .nb_first a:link, .ccNavbar .nb_first a:visited{
	width:91px; background-position:0px 0px;
}
.ccNavbar .nb_first a:hover{	
	background-position:0px -40px;
}
.ccNavbar .nb_sp{
	width:2px; background:url(images/citycome_nav.jpg) no-repeat -94px 0px; 
}
.ccNavbar .nb_item{
	width:68px;
}
.ccNavbar .nb_item a, .ccNavbar .nb_item a:link, .ccNavbar .nb_item a:visited{
	width:68px; background-position:-98px 0px;
}
.ccNavbar .nb_item a:hover{
	background-position:-98px -40px;
}
.ccNavbar .nb_last{
	width:91px;
}
.ccNavbar .nb_last a, .ccNavbar .nb_last a:link, .ccNavbar .nb_last a:visited{
	width:91px; background-position:-168px 0px;
}
.ccNavbar .nb_last a:hover{
	background-position:-168px -40px;
}

/** Footer **/
.ccFooter{
	width:921px; height:100px; margin:0px auto; padding:10px 0px; text-align:center; line-height:22px; 
	background:#fff url(images/citycome_footer.jpg) no-repeat center top; 
}

/** Info Row **/
.ccInfoLine{
	width:921px; height:22px; margin:0px auto; line-height:24px; color:#fff; 
	background:#ff9900 url(images/citycome_top.jpg) repeat-x;
}
.ccInfoLine .welcome{
	color:#fff; padding:0px 22px; 
}
.ccInfoLine .datetime{
	color:#fff; padding:0px 22px; display:block; float:right;  height:22px;line-height:24px;
}
.ccInfoLine .link, .ccInfoLine .link:link, .ccInfoLine .link:visited{
	color:#fff; padding:0px 10px; display:block; float:right;  height:22px;line-height:24px;
}
.ccInfoLine .link:hover{
	text-decoration:underline; color:#008000;
}

/** News **/
.ccNewsBox{	
	width:921px; height:230px; margin:0px auto; background:#fff url(images/citycome_news3.jpg) no-repeat;
}

#dNewsList{
	width:230px; height:180px; line-height:20px; float:right; margin:20px 0px 0px 0px; padding-right:60px;
}
#dNewsList .title{
	height:25px; line-height:20px; text-align:right;
}
#dNewsList .title a{
	display:block; width:40px;
}
#dNewsList ul{
	padding:0px; margin:0px;
}
#dNewsList ul li{
	height:20px; line-height:20px; display:block; background:url(images/blue_plus.gif) no-repeat left 6px; padding-left:12px; overflow:hidden;
}
#dNewsList ul li span{
	width:36px;  height:20px; line-height:20px; display:block; float:right;  
}

#dHotNews{
	width:550px; height:195px; overflow:hidden; background-color:#fff; border:solid 1px #eee;
	margin:21px 0px 0px 57px; 
}
#dHotCtx{
	width:550px; height:195px; overflow:hidden; background-color:#fff;
}
#dHotCtx .item{
	width:550px; height:195px; overflow:hidden;
}
#dHotPages{
	width:550px; height:24px; line-height:14px; margin-top:-30px; text-align:right; padding-right:8px; z-index:99; position:absolute;
}
#dHotPages a, #dHotPages a:link, #dHotPages a:visited{
	width:18px; line-height:14px; display:block; float:right; text-align:center; overflow:hidden;
	background-color:#fff; border:solid 1px #000; margin-right:5px; color:#555;
}
#dHotPages a:hover{
	background-color:#2070E0; border:solid 1px #FF8020; color:#fff;
}
#dHotPages .selected, #dHotPages .selected:link, #dHotPages .selected:visited{
	width:18px; line-height:14px; display:block; float:right; text-align:center; overflow:hidden;
	background-color:#2070E0; border:solid 1px #FF8020; color:#fff;
}

/** citys list and so on **/
.ccMainBody{
	width:885px; margin:0px auto;  background-color:#fff; padding:0px 18px;
}

/** Left  **/
.ccMainLeft{
	width:591px; 
}

/** Left:: Citys List **/
.ccMainLeft .citybox1{
	height:29px; line-height:25px; background:url(images/city_box1.jpg) no-repeat;
}
.ccMainLeft .citybox1 span{
	color:#fff; padding:14px;
}
.ccMainLeft .citybox2{
	border-left:solid 1px #c1c1c1; border-right:solid 1px #c1c1c1; padding:11px;overflow:hidden; 
}
.ccMainLeft .citybox3{
	height:11px; background:url(images/city_box3.jpg) no-repeat; overflow:hidden;
}
.ccMainLeft .cityEntry{
	width:565px; 
}
.ccMainLeft .cityEntry .row td{	
}
.ccMainLeft .cityEntry .c1{
	width:50px; text-align:center; vertical-align:middle;
}
.ccMainLeft .cityEntry .c2{
	width:515px; text-align:left;
}
.ccMainLeft .cityEntry .c2 img{
	width:55px; height:35px; margin-bottom:5px;
}
.ccMainLeft .cityEntry .city_1, .ccMainLeft .cityEntry .city_1:link, .ccMainLeft .cityEntry .city_1:visited{
	display:block; float:left; width:63px; height:53px; text-align:center; overflow:hidden; 
	background:url(images/citylist.jpg) no-repeat -1px -156px; margin:0px 9px 3px 0px;padding-top:3px;
	color:#4080FF; font-weight:bold;
}
.ccMainLeft .cityEntry .city_1:hover{
	background-position:-66px -156px; color:#FF8020; 
}
.ccMainLeft .cityEntry .city_0, .ccMainLeft .cityEntry .city_0:link, .ccMainLeft .cityEntry .city_0:visited{
	display:block; float:left; width:63px; height:53px; text-align:center; overflow:hidden; 
	background:url(images/citylist.jpg) no-repeat -1px -156px; margin:0px 9px 3px 0px;padding-top:3px;
	color:#666; 
}
#dSelectCity{
	float:right;  width:120px; 
	padding:0px; margin:2px 5px 0px 0px; font-size:12px;
}

.city_spot{
	width:591px; height:143px; background:url(images/city_spot.jpg) no-repeat; margin-top:10px;
}
.city_spot .spotCtx{
	width:515px; height:125px; border:solid 1px #b5b5b5; background-color:#fff; margin:7px 0px 0px 60px;
}

.aboutus{
	width:591px; height:164px; margin-top:10px; line-height:20px;
}
.aboutus .caption{
	color:#ff6600; font-size:14px; font-weight:bold; display:block;
}
.aboutus .advantage{
	width:190px;height:164px;  background:url(images/citycome_excellent.jpg) no-repeat;
	padding-left:100px;
}
.aboutus .service{
	width:185px;height:164px;  float:right; border-left:solid 1px #ccc; padding-left:110px;
	background:url(images/citycome_plus.jpg) no-repeat 10px 0px;
	
}

.cityGroup{
	background:url(images/citylist.jpg) no-repeat; display:block; width:49px; height:71px;cursor:default; 
}
/** background-position:0px -75px; **/
.city_guangxi{ background-position:0px 0px; }		.city_guangxi1,.city_guangxi:hover{ background-position:0px -75px;}
.city_fujian{ background-position:-54px 0px; }		.city_fujian1,.city_fujian:hover{ background-position:-54px -75px; }
.city_hainan{ background-position:-108px 0px; }		.city_hainan1,.city_hainan:hover{ background-position:-108px -75px; }
.city_hunan{ background-position:-162px 0px; }		.city_hunan1,.city_hunan:hover{ background-position:-162px -75px; }
.city_liaoning{ background-position:-216px 0px; }	.city_liaoning1,.city_liaoning:hover{ background-position:-216px -75px; }		
.city_guangdong{ background-position:-270px 0px; }	.city_guangdong1,.city_guangdong:hover{ background-position:-270px -75px; }

/** Right 290**/
.ccMainRight{
	width:279px; float:right; padding-left:12px;
}

.ccRTitle{
	width:277px; height:30px; line-height:30px; border:solid 1px #c1c1c1; 
	background:url(images/title.jpg) no-repeat;
}
.ccRTitle span{
	padding-left:22px; font-weight:bold;
}
.ccRTitle .more, .ccRTitle .more:link, .ccRTitle .more:visited{
	width:50px; height:17px; line-height:17px; float:right; margin:6px 5px 0px 0px;
	background:url(images/title_more.jpg) no-repeat;
}
.ccRTitle .more:hover{
	background-position:0px -17px;
}
.ccRContent{
	width:257px; padding:5px 10px;
}
.ccClientSvc{
	height:50px; line-height:33px; text-align:center; padding-left:20px;
}
.ccClientSvc a, .ccClientSvc a:link, .ccClientSvc a:visited{
	width:50px; height:23px; line-height:23px; display:block; float:left; text-align:left;
	margin:15px 0px 10px 0px; padding:0px 0px 0px 28px;
	background:url(images/online_service.jpg) no-repeat;
}
.ccClientSvc a:hover{
	background-position:0px -23px;
}
.ccRContent .note{
	color:#555; text-align:center; height:20px; line-height:20px; margin-bottom:10px;
}
.ccGuestbook{
	width:269px; border:solid 1px #ccc; border-top:none; padding:10px 5px 10px 3px;
}
.ccGuestbook a, .ccGuestbook a:link, .ccGuestbook a:visited{
	width:270px; height:54px; display:block; background:url(images/guestbook.jpg) no-repeat;
}
.ccGuestbook a:hover{
	background-position:0px -54px;
}

.ccFAQ{
	margin:0px 0px 10px 0px; padding:0px;
}
.ccFAQ li{
	line-height:22px; display:block; background:url(images/blue_plus.gif) no-repeat 0px 7px;
	border-bottom:dashed 1px #ccc;
}
.ccFAQ li a{
	padding-left:12px;
}

/** Site Links **/
.ccSiteLink{
	width:880px; height:30px; line-height:30px; margin:0px auto; margin-top:10px; border:solid 1px #c1c1c1; 
	background:url(images/title.jpg) no-repeat;
}
.ccSiteLink span{
	padding-left:22px; font-weight:bold;
}
.ccSiteLinkBody{
	width:855px; margin:0px auto; margin-bottom:10px; text-align:left; padding:10px 10px 10px 15px; border:solid 1px #c1c1c1;  border-top:none;
}
.ccSiteLinkBody img{
	border:none;
}