/* CSS Document */
/*------------------------reset------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,h7,table,td,ul,li,ol,hr,img{ margin:0px; padding:0px; border:0px; font-size:14px; font-family:Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#666; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
a:hover{ color:#ff0000; text-decoration:underline;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}

html{ -webkit-font-smoothing: antialiased; }
body{ min-width:1160px; max-width:1920px; margin:0px auto; color:#666;}

.left{ float:left;}
.right{ float:right;}
.wrap{ width:1160px; margin:0px auto; overflow:hidden;}

/* filter:alpha(opacity=70);opacity:0.7;*/
.dh{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}


/*------------------------header------------------------*/
#header{}

#nav{ background:#0057a6;}
	#nav li{ float:left;}
	#nav li a{ display:block; width:128px; height:43px; line-height:43px; text-align:center; color:#fff; text-decoration:none;}
		#nav li a h2{ font-size:15px;}
	#nav li a:hover{ background:#0088d3;}

#banner{ width:100%; height:500px; position:relative; overflow:hidden;}
	#banner .hd{ position:absolute; z-index:1; left:50%; margin-left:-65px; bottom:36px;}
		#banner .hd li{ width:42px; height:8px; margin-right:2px; float:left; cursor:pointer; background:rgba(255,255,255,0.5); -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
		#banner .hd li.on{ background:rgba(255,0,0,0.5);}
	#banner .bd{}
		#banner .bd li{ width:100%; height:500px;}
		.banner1{ background:url(../images/banner1.jpg) center top no-repeat;}
		.banner2{ background:url(../images/banner2.jpg) center top no-repeat;}
		.banner3{ background:url(../images/banner3.jpg) center top no-repeat;}
	#banner .prev, #banner .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:40px; height:60px; background:url(../images/images.png) -40px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index:999;}
	#banner .next{ left:auto; right:0; background-position:0px 0px;}
	#banner .prev:hover, #banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
	#banner .prevStop{ display:none;}
	#banner .nextStop{ display:none;}

/*------------------------index------------------------*/
#main{}
	.about{}
		.about .content{ padding:20px 0;}
			.about .txt{ width:660px; line-height:220%;}
				.about .txt h3{ font-size:23px; color:#057cca; margin-bottom:10px;}
				
	.product{}
		.product .content{ padding:20px 0;}
			.proBox{ width:272px; text-align:center; margin:8px;}
				.proBox .pic{ border:1px #dddddd solid; padding:5px 0;}
				.proBox .pic:hover{ background:#ff7200;}
				.proBox .topic{ font-weight:bold; padding:10px 0;}
				
	.news{ background:#f7f7f7; padding:10px 0;}
		.news .content{ padding:20px 0;}
			.newsBox{ width:560px; margin:10px;}
				.newsBox .pic{ width:170px; height:120px; padding:5px;}
				.newsBox .pic:hover{ background:#ff7200;}
				.newsBox .txt{ width:370px; padding:10px 0;}
					.newsBox h3{ font-size:12px; padding:0 0 5px 10px; background:url(../images/icon.gif) left 5px no-repeat;}
					.newsBox p{ font-size:12px; line-height:160%;}
					
	.case{ padding:10px 0;}
		.case .content{ padding:20px 0;}
			.caseBox{ width:272px; text-align:center; margin:8px;}
				.caseBox .pic{ border:1px #dddddd solid; padding:5px 0;}
				.caseBox .pic:hover{ background:#ffc835;}
				.caseBox .topic{ font-weight:bold; padding:10px 0;}


/*------------------------page------------------------*/
#pMain{ padding:20px 0;}
	.pLeft{ width:220px;}
		.sideTitle{ height:40px; line-height:40px; vertical-align:middle; background:#0057a5; text-align:center; color:#fff;}
			.sideTitle h3{ font-size:16px;}
		.sideContent{ border:1px #dbdfea solid; margin:-1px 0 0 0; padding:10px;}
			.sideContent a{ display:block; height:36px; margin-bottom:1px; line-height:36px; text-align:center; text-decoration:none; background:#efefef;}
			.sideContent a:hover{ color:#0066cc; background:#c4f2ff;}
			.sideContent .currentNav{ color:#0066cc; background:#c4f2ff;}
	.pRight{ width:920px;}
		.pTitle{ line-height:39px; font-size:12px; border-bottom:1px #cccccc solid; padding:0 10px;}
		.pTitle2{ line-height:40px; line-height:40px; background:#0057a5; color:#fff; text-indent:10px; font-size:16px; font-weight:bold;}
		.txtContent{ padding:10px; overflow:hidden; line-height:200%;}
			.txtContent img{ max-width:100%;}
			.txtContent td{ border:1px #ccc solid;}
		.picContent{ padding:9px; border:1px #ccc solid;}
		
			.picBox{ width:280px; margin:10px; padding:5px 0; text-align:center;}
			.picBox:hover{ background:#ff7200;}
			
			.pCaseBox{ text-align:center; margin-bottom:10px;}
				.pCaseBox .pic{ width:280px; margin:9px; padding:5px 0; border:1px #ccc solid;}
				.pCaseBox .pic:hover{ background:#ffc835; border:1px #ff6600 solid;}
			
			.proBox2{ width:280px; text-align:center; margin:10px;}
				.proBox2 .pic{ border:1px #dddddd solid; padding:5px 0;}
				.proBox2 .pic:hover{ background:#ff7200;}
				.proBox2 .topic{ font-weight:bold; padding:10px 0;}
			
			.picContent li{ line-height:300%; padding:0 10px; border-bottom:1px #ccc dashed;}
			
			.pNewsRight{ border:1px #ccc solid; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
			.pNewsTopic{ text-align:center; line-height:300%; margin-bottom:10px;}
				.pNewsTopic h3{ font-size:20px; color:#333;}
			.time{ text-align:center; border-bottom:1px #ccc dashed; padding:0 0 10px 0}
			
			.duoTu{ width:400px;}
			.proDesc{ width:500px;}
			.proMore{ font-size:12px; padding:10px 0;}
			.upDown{ padding:0 0 10px 0; font-size:12px;}
			.proDesc2{ background:#eeeeee;}
				.proDesc3{ background:#0057a5; color:#fff; padding:10px 20px; font-weight:bold;}
			.txt{ padding:10px 0; overflow:hidden; line-height:200%;}
				.txt img{ max-width:100%;}
				.txt td{ border:1px #ccc solid;}
				
			.add{ border:1px #ccc solid; margin-bottom:10px; padding:20px;}
				.add td{ padding:5px 0;}
			.add .text{ text-align:right; padding:5px 20px 5px 0;}
			.add .input{ font-size:12px; color:#999;}
			.info{ color:#ff0000;}
			
			.gList{ border:1px #ccc solid; margin-bottom:10px; padding:20px;}
				.gList table{ margin-bottom:10px;}
				.gList td{ border:1px #9be3f9 solid; padding:5px 10px; background:#dcf2fc; line-height:160%;}
				.gList td.gly{ background:#f5f5f5;}
			
		.pageBox{ text-align:right; padding:20px 0;}
			.pageBox span{ padding:5px 10px; margin:5px; font-size:12px; background:#f0f0f0;}


/*------------------------footer------------------------*/
#footer{ background:#0057a5;}
	#footer .wrap{ padding:10px 0;}
	#footer .copy{ width:650px; padding:0 0 0 20px; color:#fff; font-size:12px; line-height:200%;}
		#footer .copy p{ font-size:12px;}
		#footer .copy a{ color:#fff; font-size:12px;}
	#footer .menu{ color:#fff; font-size:12px;}
		#footer .menu a{ color:#fff; font-size:12px;}