@charset "utf-8";
/* CSS Document */

body { margin: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: url(../images/about/contentBg.gif) repeat-x left top; background-color:#eeeeee; }

ul,li { margin: 0px; padding: 0px; list-style: none; }
img { border: none; }
input,select,textarea { font-family: Arial, Helvetica, sans-serif; }

.tc { text-align: center; }
.tr { text-align: right; }

.fs11 { font-size: 11px; } 
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fw { font-weight: 600; } 

.fc_white { color: #FFF }
.fc_grey { color: #AEAEAE; }
.fc_grey2 { color: #7E7E7E; }
.fc_grey3 { color: #5C5C5C; }
.fc_blue { color: #096ECE; }
.fc_black { color: #000; }
.fc_red { color: red; }

.clear { clear: both; }
.Main { width: 1003px; height: auto; margin: 0px auto; }

/*~~~~~~~~~~ header style ~~~~~~~~~~*/

.header { height: 169px; background: url(../images/pub/headerBg.jpg) no-repeat; }

	.header .link { width: 960px; height: 93px; padding: 0px 43px 0px 0px; }
	.header .link li { float: left; }
	.header .link .l { width: 260px; height: 93px; cursor: pointer;}
	.header .link .l a{ width: 260px; height: 93px; cursor: pointer;}
	.header .link .l a img{ border:none; margin:15px 0 0 31px;}
	.header .link .l2 { width: 260px; height: 83px; }
	.header .link .r { width: 700px; height: 63px; padding-top: 9px; }
	
	.header .link a { color: #FFF; text-decoration: none; }
	.header .link a:hover { color: #FFF; text-decoration: underline; }
	.header .link li.r a.history-solt{ padding:8px 0 8px 5px; margin-right:35px;}
	.header .link li .top-right{ float:right; width:auto; color:#F7C50F;}
	.header .link li .top-right span{ float:left; width:auto; margin:7px 7px 0px 0;}
	.header .link li .top-right span.glass{ float:left; width:auto; margin:0px 0 0 0;}
	
	.header .nav { width: 790px; height: auto; padding-left: 213px; margin-top:44px}
	.header .nav li { height: auto; float: left; margin-left: 45px; display: inline; text-align: center; color: #096ECE; cursor: pointer; font-size: 16px; }
	/*.header .nav .pic1, .header .nav .pic11, .header .nav .pic2, .header .nav .pic22, .header .nav .pic3, .header .nav .pic33, .header .nav .pic4, .header .nav .pic44 { background: url(../images/pub/navPic1.gif) no-repeat; background-position: top; padding: 45px 0px 0px 0px  }*/
	.header .nav .pic1 a{ background: url(../images/pub/navPic1.gif) no-repeat; background-position: top; padding: 45px 0px 0px 0px  }
	.header .nav li a{ color: #0a84c8; text-decoration:none}
	.header .nav .pic1 a:hover { background: url(../images/pub/navPic11.gif) no-repeat; background-position: top; color: #0a84c8; }
	.header .nav .pic2 a { background: url(../images/pub/navPic2.gif) no-repeat; background-position: top;  padding: 45px 0px 0px 0px}
	.header .nav .pic2 a:hover { background: url(../images/pub/navPic22.gif) no-repeat; background-position: top; color: #0a84c8; }
	.header .nav .pic3 a { background: url(../images/pub/navPic3.gif) no-repeat; background-position: top;  padding: 45px 0px 0px 0px}
	.header .nav .pic3 a:hover { background: url(../images/pub/navPic33.gif) no-repeat; background-position: top; color: #0a84c8; }
	.header .nav .pic4 a { background: url(../images/pub/navPic4.gif) no-repeat; background-position: top;  padding: 45px 0px 0px 0px}
	.header .nav .pic4 a:hover { background: url(../images/pub/navPic44.gif) no-repeat; background-position: top; color: #0a84c8; }
	
	.header .nav li p { margin: 0px; font-size: 16px; }
	
	
/*~~~~~~~~~~ content style ~~~~~~~~~~*/
.content { margin-top: 10px; }

.content .top { width: 984px; height: 308px; background: url(../images/index/c_border.gif) no-repeat; margin: 0px auto; padding: 9px 0px 0px 0px; }	
	
	.content .top .banner { width: 730px; height: 297px; float: left; }
	
	.content .top .right { width: 254px; height: auto; float: left; }
		.content .top .right .login { width: 196px; height: 130px; background: url(../images/pub/loginBg.jpg) no-repeat; margin-left: 20px; padding: 7px 0px 0px 19px; }
		.content .top .right .login li { width: 215px; height: auto; float: left; }
		.content .top .right .login .l { width: 41px; padding-top: 7px }
		.content .top .right .login .r { width: 155px; }
		.content .top .right .login .r input { width: 120px; height: 14px; border: #FFF solid 1px; margin-top: 5px; font-size: 11px; color: #828282; }
		.content .top .right .login .reset, .content .top .right .login .register { height: 19px; border: none; color: #FFF; margin-left: 2px; }
			.content .top .right .login .reset { width: 53px; background: url(../images/pub/resetBg.gif); margin: 10px 0px 0px 40px; }
			.content .top .right .login .register { width: 67px; background: url(../images/pub/register.gif); }
		.content .top .right .free { margin-left: 13px; }
		.content .top .right .free  img{width:238px;height:167px;}
		
.content .bottom { width: 100%; height: auto; overflow: hidden;background: url(../images/linkdownimg.gif) left repeat-y; }

	.content .bottom .left { width: 714px; height: auto; float: left; background: url(../images/index/btmBg.gif)  ; padding: 5px 0px 8px 25px; line-height: 18px; font-size: 11px; }
		.content .bottom .left ul { width: 180px; height: auto; float: left; }
		.content .bottom .left ul li input { width: 81px; height: 20px; background: url(../images/index/buttonBg.gif); border: none; color: #FFF; cursor: pointer; }
		.content .bottom .left .padTop { padding-top: 5px; }
		.content .bottom .left .padTop img  {width:180px; height:114px;  }
		.content .bottom .left .line { width: 2px; height: 179px; margin: 15px 36px 0px 36px; }
		.content .bottom .left .fs18 a { color: #096ECE; text-decoration: none; }
		.content .bottom .left .fs18 a:hover { color: #096ECE; text-decoration: underline; } 
	.content .bottom .right { width: 237px; height: auto; float: left; padding: 15px 0px 0px 27px; }
		.content .bottom .right .fast { width: 199px; height: 174px; background: url(../images/index/btm_R_Bg.jpg) no-repeat; padding: 10px 0px 0px 15px; }
		.content .bottom .right .fast li { padding-top: 9px; }
		.content .bottom .right .fast a { color: #FFF; text-decoration: none; }
		.content .bottom .right .fast a:hover { color: #FFF; text-decoration: underline; }
		.content .bottom .right .go { width: 215px; height: 42px; background: url(../images/index/btm_R_Bg2.gif) no-repeat; padding-top: 15px; margin-top: 14px; }
		.content .bottom .right .go select { width: 125px; }
		
/*~~~~~~~~~~ footer style ~~~~~~~~~~*/
.footer { width: 960px; height: 35px; background: url(../images/index/footerBg.jpg) no-repeat; padding: 74px 0px 0px 43px; }
	.footer a { color: #FFF; text-decoration: none; }
	.footer a:hover { color: #FFF; text-decoration: underline; }
	.More a{ background:url(../images/index/buttonBg.gif) center no-repeat; width:80px;height:20px;line-height:20px;display:inline-block;text-decoration:none;text-align:center;color:#FFFFFF;font-size:12px;}