﻿

/* 2. GENERIC STYLES FOR TAGS */
body { margin:0; padding:0; font: 12px/18px "Helvetica", sans-serif; margin:0 auto; width:960px;
 }
a { color:#00759b; text-decoration:none; }

strong { font-weight:bold; }
em { font-style: italic; }
img { max-width:100%; }
p { line-height:16px; margin-bottom: 12px; }

/*Remove button padding in FF*/
form input.submit { cursor:pointer; }
form fieldset { margin-bottom:30px; }
form fieldset div label { font-size:12px; }
form fieldset label { font-size:13px; }
form fieldset.buttons { text-align:right; }
form fieldset.buttons table { float:right; }

/* 4.1 Header */
#topPanel{width:960px; height:63px; position:relative; margin:0px auto; padding:0;}
#topPanel img{
	width:181px;
	height:57px;
	z-index:1;
	padding:0;
	position:absolute;
	margin:0 0 0 80px;
}
/* MENU PANEL*/
#topPanel ul{
	display:block;
	width:732px;
	height:36px;
	position:absolute;
	top:11px;
	right:3px;
	margin:11px 0 0;
	padding:0 200px 0 0;
	border-bottom:1px solid #AEAEAE;
}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(img/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(img/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
 .help-and-faqs {  font-weight:bold; line-height: 26px; font-style:italic; font-size:16px; text-align:right; }


.font{
	width:960px;
	height:720px;
	background:url(img/aaaaaa.jpg);
	background-repeat:no-repeat;
}
.font p{
	font-size:14px;
	color:#666;
}
.font .font1{
	width:250px;
	height:300px;
	position:relative;
	top:100px;
	left:150px;
}
.font .font2{
	width:350px;
	height:500px;
	position:relative;
	bottom:150px;
	left:500px;
}
/*客户*/
.head{
	width:960px;
	height:170px;
	margin-top:10px;
	background:url(img2/head.jpg);
	background-repeat:no-repeat;
}
.headfont{
   width:650px;
   height:170px;
   margin:10px 0px 0px 250px;	
   font-weight:bold; line-height: 26px; font-size:16px;

}

.friendimg{
	width:960px;
	height:50px;
}

.friend {
	width:960px;
	height:500px;
	margin-top:20px;

    background-repeat:no-repeat;
}
.friend .shool{
	float:left;
	width:250px;
	height:60px;
	margin:20px 20px 20px 20px;
}
.friend .shool3{
	width:410px;
	height:60px;
	float:left;
	margin:20px 20px 20px 20px;
}
.friend .shool2{
	width:250px;
	height:60px;
	float:left;
	margin:20px 20px 20px 20px;
}
.friend .shool4{
	width:410px;
	height:60px;
	float:left;
	margin:20px 20px 20px 20px;
}

/*合作伙伴*/
.friendbox {
	width:960px;
	height:180px;
}
.friendbox .boximg{
	width:300px;
	height:180px;
	float:left;
}
.boximg .boximg-box{
	width:234px;
	height:80px;
	margin-top:10px;
	margin-left:20px;
}
.friendbox .boxcontent{
	width:650px;
	height:180px;	
	float:right;
}
.boxcontent .boxcontent-box{
	width:275px;
	height:25px;
	margin-top:20px;
	float:left;
	font-weight:bold; line-height: 26px; font-size:20px; 
}


/* 4.5 Footer */
.footer { clear:both; margin-top:10px; padding-bottom:50px; width:100%; height:65px; }
.footer .footer-box{
	height:65px;
	width:80px;
	position:relative;
	top:10px;
}
.footer .footer-box h2{
	 font-weight:bold; line-height: 26px;font-size:16px; color:#666; 
}
.footer .footer-box1{
	width:300px;
	height:30px;
	position:relative;
	bottom:80px;
	left:100px;
	 color:#666;
}

.footer .footer-box2{
	width:300px;
	height:30px;
	position:relative;
	bottom:170px;
	left:400px;
	color:#666;
}



