@charset "utf-8";

.topBanner { height: 200px; width: 630px; clear:both; margin-bottom:10px;}
.topBanner2 { height: 200px; width: 630px; clear:both;}
.topBannerPD { height: 215px; width: 630px; clear:both; background:url(../img/pd_img/PD_bannerBG.jpg) no-repeat; vertical-align:top;}

.box630 {
	width: 628px; height:170px; 
	border: 1px solid #c3c3c3;
	margin-top:10px; clear: both;
}
.box310 {width: 310px; float:left;}
.box310right {width: 310px;	float:right;}
.box{
	width:308px; height:160px;
	border: 1px solid #c3c3c3;
	margin-top:10px;
	float:left;
}
.box2{
	width:308px; height:126px;
	border: 1px solid #c3c3c3;
	margin-top:10px;
	float:left;
}
.box300{
	border: 1px solid #c3c3c3;
	margin-top:10px;
	float:left;
	width:308px; height:298px;
}
.boxTitle {clear: both; height: 26px; background-image: url(../img/boxBg632.jpg); background-repeat: repeat-x;}
.boxTitle img{ float:left;}
.boxTitle .more{ width:36px; height:10px; margin:8px 5px 8px 5px;_margin-right:2px; float:right;}

.hotBox { height: 114px; width: 300px;  border: 1px solid #b2c6ce; background-image: url(../img/sideBox1Bg.jpg);}
.hotBox .title { clear:both; height:24px;}
.hotBox .title img { float:left;}
.hotBox .title .more { width:36px; height:10px; margin:8px 5px 8px 5px; _margin-right:2px; float:right;}
.hotBox .hot { margin:5px 0px 5px 9px;}
.hotBox .hot a {
	width:130px; height:20px;
	display:block; float:left;
	margin-right:2px; padding-left:10px;
	background-image:url(../img/tip.gif); background-repeat:no-repeat; background-position: 0px 6px;
}

.serviceBox { height: 72px; width: 300px; border: 1px solid #b2c6ce; background-image: url(../img/sideBox2Bg.jpg); margin-top:10px;}
.serviceBox .title{ clear:both; height:24px;}
.serviceBox .title img{ float:left;}
.serviceBox .title .more{ width:36px; height:10px; margin:8px 5px 8px 5px; _margin-right:2px; float:right;}
.serviceBox .hot { margin:5px 0px 5px 9px;}
.serviceBox .hot a {
	width:130px; height:20px;
	display:block; float:left;
	margin-right:2px; padding-left:10px;
	background-image:url(../img/tip.gif);background-position: 0px 6px;background-repeat:no-repeat;
}

.ToolsBox { background-image: url(../img/sideBox3Bg.gif); height: 150px; width: 300px; border: 1px solid #b2c6ce;}
.ToolsBox .title{ clear:both; height:24px;}
.ToolsBox .title img{ float:left;}
.ToolsBox .title .more{width:36px; height:10px; margin:8px 5px 8px 5px; float:right;}
.ToolsBox .hot { margin:5px 0 0 9px;}
.ToolsBox .hot .link a {
	height:21px; width:120px; line-height:21px;
	display:block; float:left;
	padding-left:10px; margin-right:2px;
	background-image:url(../img/tip.gif); background-repeat:no-repeat; background-position: 0px 8px;
}
.ToolsBox .icon{ float:left; margin-right:10px;}
.ToolsBox .act{ width:37px; float:left; text-align:center; clear:right;}
.ToolsBox .line{ width:134px; height:1px; float:left; margin:2px 10px;}

.sideAD{ width: 300px; border: 1px solid #b2c6ce; margin-top:10px;}
.serBox { float: right; text-align: right; width: 225px; margin-top: 5px;}
.txtBox {height: 17px; width: 170px; border: 1px solid #c3c3c3;	margin:0px 5px;	float: left;}

.eventColumn1 {	float: left; width: 355px; padding:20px 10px 10px 10px;}
.eventColumn2 {	width: 232px; float: right; padding:20px 10px 10px 10px;}
.eventColumn2 a{
	width:220px;
	display:block;float:left; clear:both;
	margin-bottom:5px;padding-left:10px;
	background-image:url(../img/tip.gif); background-repeat:no-repeat; background-position: 0px 6px;
}
.eventColumn2 a:hover{ text-decoration:underline;}
.eventPic {	float: left; margin-right: 10px; height: 105px; width: 140px;}
.eventTitle {
	font-size: 15px; font-weight: bold;	color:#125977; text-decoration: none; line-height:18px;
	width: 200px; float: right;	
}
.eventTitle a{color:#125977;}
.eventTxt {	width: 200px; float: right; margin:5px 0px;	line-height: 17px;}
.eventColumn1 .more { float: right;	width: 200px; text-align: right;}
.eventLine { background-color: #cecece;	height: 100px;	width: 1px;	float:left;	margin-top:20px;}

.caseTitle { font-size: 15px; font-weight: bold; color:#125977; text-decoration: none; margin: 9px;}
.caseTitle a{color:#125977;}
.caseTxt {
	margin:0px 8px 5px 8px;_margin-left:4px;
	width: 290px;_width: 284px;
	float:left;
	line-height: 19px;
}
.caseTxt .more { float: right; text-align: right; clear:both;}
.casePic {height: 105px; width: 140px;	float: left; margin:0 10px 0 0;}

.SAlertBox { margin: 8px;_margin-left: 4px;	float: left;}
.SAlertBox .txt{
	float:left;
	margin-bottom: 5px;
	width:210px;
	line-height:18px;
	vertical-align: baseline;
}
.SAlertBox .date{
	width:70px; display:block;	float:left;
	padding-left:10px; _padding-left:5px;
	background-image:url(../img/tip.gif); background-repeat:no-repeat; background-position: 0px 6px;
	line-height:16px; color:#666666;
}

.hotBox_20100723 { height: 92px; width: 300px;  border: 1px solid #b2c6ce; background-image: url(../img/sideBox1Bg.jpg);}
.hotBox_20100723 .title { clear:both; height:24px;}
.hotBox_20100723 .title img { float:left;}
.hotBox_20100723 .title .more { width:36px; height:10px; margin:8px 5px 8px 5px; _margin-right:2px; float:right;}
.hotBox_20100723 .hot { margin:5px 0px 5px 9px;}
.hotBox_20100723 .hot a {
	width:130px; height:20px;
	display:block; float:left;
	margin-right:2px; padding-left:10px;
	background-image:url(../img/tip.gif); background-repeat:no-repeat; background-position: 0px 6px;
}

.serviceBox_20100723 { height: 92px; width: 300px; border: 1px solid #b2c6ce; background-image: url(../img/sideBox1Bg.jpg); margin-top:10px;}
.serviceBox_20100723 .title{ clear:both; height:24px;}
.serviceBox_20100723 .title img{ float:left;}
.serviceBox_20100723 .title .more{ width:36px; height:10px; margin:8px 5px 8px 5px; _margin-right:2px; float:right;}
.serviceBox_20100723 .hot { margin:5px 0px 5px 9px;}
.serviceBox_20100723 .hot a {
	width:130px; height:20px;
	display:block; float:left;
	margin-right:2px; padding-left:10px;
	background-image:url(../img/tip.gif);background-position: 0px 7px;background-repeat:no-repeat;
}


/************for ipad**********/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.serviceBox_20100723 .hot a {font-size:12px;}
.serBox { width: 245px;}
.hotBox_20100723 .hot a {font-size:12px;}

.SAlertBox .txt{width:200px;}
.SAlertBox .date{width:80px;}

}