/* 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:Tahoma, Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#333; -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:#ff9000;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}

html{ -webkit-font-smoothing: antialiased; }
body{ min-width:1200px; max-width:1920px; margin:0px auto; color:#333; background:url(../images/bg.jpg);}

.left{ float:left;}
.right{ float:right;}
.wrap{ width:1200px; 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{ background:#fff;}
	#header .logo{ font-size:0;}
	#header .nav{}
		#header .nav li{ float:left;}
			#header .nav a{ display:block; width:100px; line-height:130px; vertical-align:middle; text-align:center;}
			#header .nav a:hover{ background:#0078cd; color:#fff;}
			#header .nav h2{ font-size:16px;}

#banner{ width:100%; height:500px; position:relative; overflow:hidden;}
	#banner .hd{ position:absolute; z-index:1; left:50%; margin-left:-23px; bottom:15px;}
		#banner .hd li{ width:15px; height:15px; margin-right:10px; float:left; cursor:pointer; background-color:rgba(255,255,255,0.7);}
		#banner .hd li.on{ background-color:rgba(255,255,255,1);}
	#banner .bd{ width:100%; height:500px; overflow:hidden;}
		#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;}

/*------------------------index------------------------*/
#product{}
	#product .title{ text-align:center; padding:60px 0 50px;}
		#product .title .topic{ font-size:36px; color:#000;}
		#product .title .subTopic{ font-size:16px; margin-top:20px;}
	.proBox{}
		.proBox .hd{ overflow:hidden; margin:0 0 30px 0;}
			.proBox .hd li{ float:left; width:190px; text-align:center; line-height:36px; margin:0 5px; cursor:pointer;  border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; overflow:hidden; background:#f0f0f0;}
			.proBox .hd h3{ font-size:15px;}
			.proBox .hd li.on{ background:#ff9000; color:#fff;}	
		.proBox .bd{ overflow:hidden; margin:0 0 60px 0;}
			.proBox .bd li{ float:left; margin-right:1px; background:#8eacc3;}
			.proBox .bd .pic{ width:299px; height:299px; overflow:hidden; margin-bottom:1px;}
			.proBox .bd li:hover{ background:#ff9000;}
			.proBox .bd .proTopic a{ display:block; line-height:64px; text-align:center; color:#fff;}

#ad{ height:250px; background:url(../images/ad.jpg) center top no-repeat;}

#about{ padding:60px 0;}
	.aboutUs{ width:500px; height:320px; background:#f0f0f0; padding:40px 50px;}
		.aboutUs .title{ border-bottom:1px #dedede solid; padding:0 0 20px 0;}
			.aboutUs .title .topic{ color:#0076ce;}
				.aboutUs .title .topic h3{ font-size:24px; font-weight:normal;}
			.aboutUs .title .subTopic{ font-size:12px; color:#a4b6c7;}
		.aboutUs .content{ padding:25px 0; line-height:160%; text-align:justify; text-indent:2em;}
			
	.wenHua{ width:230px; height:400px; background:url(../images/aboutBg.jpg) left top no-repeat;}
		.wh1{ width:230px; height:230px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
		.wh1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
		.wh2{ text-align:center; padding:60px 0 0; font-size:20px; color:#0076ce;}
			.wh2 span{ font-size:12px; color:#a4b6c7;}
	.changFang{ width:370px; height:400px; background:url(../images/aboutBg.jpg) right top no-repeat;}
		.cf1{ height:85px; text-align:center; padding:45px 110px 0 0; font-size:20px; color:#0076ce;}
			.cf1 span{ font-size:12px; color:#a4b6c7;}
		.cf2{ height:270px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
		.cf2:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
		
#news{ background:#f0f0f0; padding:35px 0;}
	#news .title{ width:220px; height:450px; padding:0 50px; background:url(../images/news.jpg) center bottom no-repeat #0076ce;}
		#news .title .topic{ padding:40px 0; font-size:20px; color:#fff;}
			#news .title .topic span{ font-size:12px;}
		#news .title ul{ border-bottom:1px #dfdfdf solid;}
		#news .title a{ display:block; line-height:70px; vertical-align:middle; border-top:1px #dfdfdf solid; padding:0 20px; color:#fff;}
		#news .title h3{ font-weight:normal;}
			#news .title h3 span{ margin-left:5px; font-size:12px;}
		#news .title a:hover{ background:#ff9000; color:#fff;}
	#news .content{ width:760px; padding:15px 60px 15px 0;}
		#news .newsBox{ height:99px; padding:20px; border-bottom:1px #ccc dotted;}
			#news .newsBox .newsTopic{ font-size:16px; margin-bottom:5px;}
			#news .newsBox .newsDesc{ color:#999; margin-bottom:5px; line-height:160%;}
			#news .newsBox .newsTime{ color:#999; font-size:12px;}
		#news .newsBox:hover{ background:#e4eaee;}
/*------------------------page------------------------*/
.pBanner{ height:250px;}
.pBanner1{ background:url(../images/b1.jpg) center top no-repeat;}
.pBanner2{ background:url(../images/b2.jpg) center top no-repeat;}
.pBanner3{ background:url(../images/b3.jpg) center top no-repeat;}
.pBanner4{ background:url(../images/b4.jpg) center top no-repeat;}
.pBanner5{ background:url(../images/b4.jpg) center top no-repeat;}

#pMain{ padding:30px 0;}
	.pLeft{ width:260px; background:#fff;}
		.sideTopic{ background:#4c9fdd; color:#fff; padding:20px; font-size:24px;}
			.sideTopic span{ font-size:12px;}
		.pLeft ul{ margin:10px 0;}
		.pLeft li{ margin:0 20px;}
			.pLeft a{ display:block; line-height:50px; vertical-align:middle; border-bottom:1px #ccc dotted; padding:0 10px;}
			.pLeft a:hover{ background:#ff9000; color:#fff;}
		.sideContact{ padding:20px; line-height:180%; font-size:16px;}
	.pRight{ width:910px; background:#fff; min-height:550px;}
		.pTitle{ height:83px; line-height:83px; border-bottom:2px #0076ce solid; padding:0 20px;}
			.pTopic{ font-size:24px; color:#0076ce;}
			.crumbs{ font-size:12px;}
		.pContent{ padding:20px 30px; overflow:hidden;}
			.pTxt{ line-height:180%; overflow:hidden;}
			.pTxt table{margin:5px 0;}
			.pTxt td{ border:1px #ccc solid; text-align:center;vertical-align:middle;}
			.pTxt img{ margin:5px;}
			.gbook{}
				.gbook td{ padding:5px 0;}
				.gbook .text{ vertical-align:middle;}
				.gbook input{ line-height:40px; border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-indent:10px;}
				.gbook textarea{ border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:500px; height:150px; text-indent:10px;}
				.gbook .submit{ width:200px; line-height: 40px; text-indent:0; cursor:pointer; background:#0076ce; border:none; color:#fff; font-size:14px; font-family:Tahoma, Arial, Microsoft YaHei; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
				.gbook .submit:hover{ background:#ff9000;}
			.pList{}
				.pList li{ border-bottom:1px #ccc dotted; padding:20px 15px;}
					.pList li span{ float:right; font-size:12px; color:#999;}
					.pList li p{ margin:10px 0 0; font-size:12px; color:#999;}
				.pList li:hover{ background:#f5f5f5;}
			.pName{ text-align:center;}
				.pName h4{ font-size:20px; font-weight:normal; color:#333;}
			.pTime{ text-align:right; font-size:12px; color:#999; padding:10px; border-bottom:1px #ccc dotted; margin-bottom:10px;}
			.pImg{ text-align:center; padding:10px 0;}
			.desc{ background:#b2d6f0; padding:10px 20px; margin-bottom:10px; color:#fff;}
		.pPic{ padding:20px; overflow:hidden;}
			.picBox{ width:270px; margin:10px; background:#8eacc3; overflow:hidden; color:#fff;}
				.picBox .pic{ margin-bottom:1px;}
				.picBox .topic{ height:60px; text-align:center; line-height:60px;}
					.picBox a{ color:#fff;}
			.picBox:hover{ background:#ff9000;}


/*------------------------footer------------------------*/
#link{ background:#373737; color:#666; height:45px; line-height:45px;}
	#link a{ color:#666; margin-right:5px;}
	#link a:hover{ color:#999;}
#foot{ background:#3b3b3b; padding:25px 0; color:#999;}
	#foot a{ color:#999;}
	#foot a:hover{ color:#ff9000;}
	#foot li{ padding:0 0 15px 0;}
	.ewm{ font-size:12px; text-align:center; line-height:200%;}
.info{ color:#ff0000;}
.pageBox{ padding:20px 0; text-align:center;}
	.pageBox span, .pageBox a{ margin:0 5px;}
.upDown{ padding:10px 0 0;}