@charset "utf-8";
/* CSS Document */
#banner{ width:100%; height:400px; position:relative;}
	#banner .hd{ position:absolute; z-index:1; left:50%; margin-left:-63px; bottom:25px;}
		#banner .hd li{ width:60px; height:5px; background:#e6f0fa; margin-right:5px; float:left; cursor:pointer;}
		#banner .hd li.on{ background:#00a5ff;}
	#banner .bd{}
		#banner .bd li{ width:100%; height:400px;}
		.banner1{ background:url(../images/banner1.jpg) center top no-repeat;}
		.banner2{ background:url(../images/banner2.jpg) center top no-repeat;}
	
.aboutUs{ background: #ffffff; overflow: hidden;}
	.aboutBox{ width: 1160px; margin: 0px auto; padding: 70px 0; overflow: hidden;}
		.aboutBox .left{ width: 650px;}
			.aboutBox .title{ font-size: 30px; height: 60px; margin-bottom: 30px; background: url(../images/about_line.jpg) left bottom no-repeat;}
			.aboutBox .content{ line-height: 180%; text-align: justify; margin-bottom: 20px;}
			.aboutBox .more a{ display: block; width: 180px; height: 50px; text-align: center; line-height: 50px; border: 1px #00a5ff solid; background: url(../images/more.gif) 20px center no-repeat #fff;}
			.aboutBox .more a:hover{ border: 1px #00a5ff solid; background: url(../images/moreover.gif) 20px center no-repeat #00a5ff; color: #fff;}
		
.mainBox{ width: 1160px; margin: 0px auto; padding: 70px 0; overflow: hidden;}
	#news{ width: 750px; background: #fff;}
		#news .title{ height: 65px; line-height: 65px; padding: 0 20px;}
			#news .title .topic{ font-size: 18px;}
		.newsTop{ padding: 0 20px 20px;}
			.newsTop .pic{ width: 200px; height: 150px; }
			.newsTop .name{ font-size: 16px; line-height: 30px; padding: 5px 0 0;}
			.newsTop .time{ color: #999; line-height: 30px;}
			.newsTop .desc{ width: 490px; color: #666; line-height: 24px;}
		.newsList{ border-top:10px #f5f7fa solid;}
			.newsList li{ border-bottom: 1px #fff solid;}
			.newsList li:hover{ border-bottom: 1px #fff solid; background: #e2e8f0;}
			.newsList .time{ width: 140px; padding: 0 20px 0 0; background: #e2e8f0; text-align: right; height: 99px; color: #666;}
				.newsList .time .dd{ font-size: 30px;  padding: 23px 0 5px;}
			.newsList .name{ padding: 18px 0 0; font-size: 16px;}
			.newsList .desc{ width: 540px; padding: 5px 20px 0 0; color: #666;}
	#statute{ width: 380px; background: #fff;}
		#statute .title{ height: 145px; background: url(../images/title1.jpg) center top no-repeat; line-height: 65px; padding: 0 20px; color: #fff;}
			#statute .title .topic{ font-size: 18px;}
			#statute .title a{ color: #fff;}
			#statute .title a:hover{ color: #ff8400;}
		#statute li{ padding:0 20px; height: 99px; border-top: 1px #f5f7fa solid;}
		#statute li:hover{ background: #e2e8f0;}
			#statute li .name{ padding: 15px 0 0; font-size: 16px;}
			#statute li .desc{ padding: 5px 20px 0 0; color: #666;}

.apply{ background: url(../images/serbg.jpg) center top no-repeat;}
	.apply .mainBox{ width: 1175px; padding: 60px 0 0;}
	.apply .title{ font-size: 36px; padding: 0 0 50px; text-align: center; color: #fff;}
	.apply .content{ height: 350px;}
		.appBox{ text-align: center; width: 220px; height: 350px; margin: 0 8px 0 7px; background: #fff;}
		.appBox:hover{ background: #e2e8f0;}
			.appBox .appImg{ margin: 50px 0 30px;}
			.appBox .name{ font-size: 18px; color: #333;}
			.appBox .desc{ height: 60px; padding: 10px 20px;}
			.appBox .more{}
				.appBox .more a{ display: block; width: 120px; line-height: 35px; color: #666; margin: 0 auto; border: 1px #b5bac0 solid;}
				.appBox .more a:hover{ background: #00a5ff; border-color: #00a5ff; color: #fff;}
		
.caseBox{ background: #fff;}
	.caseBox .title{ height: 65px; line-height: 65px; padding: 0 20px;}
		.caseBox .title .topic{ font-size: 18px;}
#zhuanli{ width: 270px;}
	#zhuanli .content{ padding-bottom: 20px;}
		#zhuanli .content li{ line-height: 46px; border-top: 1px #ccc dotted;}
		#zhuanli li:hover{ background: #e2e8f0;}
			#zhuanli .content li a{ display: block; padding: 0 20px;}
			
#anli{ width: 860px;}
	#anli .content{ width: 840px; margin: 0 auto; overflow: hidden; padding: 0 0 26px;}
		#anli .content li{ width: 200px; margin: 0 5px; text-align: center;}
			#anli .content li a{ display: block; background: #f5f7fa;}
			#anli .content li a:hover{ background: #e2e8f0;}
		#anli .content .pic{ height: 200px; border-bottom: 1px #fff solid;}
		#anli .content .name{ height: 55px; padding: 20px 20px 0;}

#jianSuo{ margin: 30px 0 0; width: 420px; height: 325px;}
	#jianSuo .content{ overflow: hidden;}
		 #jianSuo .content a{ display: block; float: left; margin:0 0 20px 20px ;}
			#jianSuo .content a img{ width: 180px; height: 60px;}
		 
#contact{ margin: 30px 0 0; width: 710px; height: 325px;}
	#contact .content{ overflow: hidden; padding: 0 20px;}
		#contact .content .right{ width: 215px; line-height: 140%; padding: 5px 0 0 0;}
			#contact .content .right p{ margin: 0 0 5px;}