/* 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, SimSun;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#666; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out;}
a:hover{ color:#c40000;}
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:#666;}
.left{ float:left;}
.right{ float:right;}
.wrapper{ width:1200px; margin:0px auto; overflow:hidden;}
.dh{ -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out;}

/*------------------------header------------------------*/
#header{ border-top:4px #c40000 solid; border-bottom:1px #dddddd solid;}
	#logo{}
		#logo h1{ font-size:0;}
	#nav{ overflow:hidden; padding-left:30px;}
		#nav li{ float:left; padding:15px 0px; background:url(../images/pic.png) 0 30px no-repeat;}
		#nav li:hover{ background:url(../images/pic.png) 0 0 no-repeat;}
			#nav h2{ font-weight:normal;}
			#nav a{ display:block; width:105px; text-align:center; height:65px; line-height:65px; border-left:1px #ccc dotted;}
			#nav .home{ border-left:none;}
	#language{ overflow:hidden; padding-top:13px;}
		#language a{ display:block; float:right; height:14px; line-height:14px; margin-left:10px; padding-left:25px; font-size:12px;}
			#language .en{ background:url(../images/pic.png) -400px 0 no-repeat;}
			#language .cn{ background:url(../images/pic.png) -200px 0 no-repeat;}
	#tel{ font-size:20px; color:#000; padding-top:15px;}
		#tel span{ font-size:18px;}

/*------------------------main------------------------*/
#banner{ position:relative; overflow:hidden; min-width:1200; height:480px;}
	#banner .hd{ position:absolute; z-index:1; left:50%; margin-left:-65px; bottom:20px;}
		#banner .hd li{ width:38px; height:5px; border:1px #ff0000 solid; float:left; margin-right:5px; cursor:pointer; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
		#banner .hd li.on{ background:#ff0000;}
	#banner .bd{ height:500px; overflow:hidden;}
		#banner .bd li{ width:100%; height:480px; box-shadow:inset 0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.3);}
			#banner .bd li a{ display:block; height:500px;}

#news{ height:40px; line-height:40px; background:#e9e9e9;}
	#news .title{ width:85px; text-align:center; font-weight:bold; background:#c40000; color:#fff;}	
	#news .content{ width:1100px; position:relative;}
		.txtMarquee-left .bd .tempWrap{ width:1100px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
			.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
				.txtMarquee-left .bd ul li{ margin-right:60px;  float:left; height:40px; line-height:40px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
	
.adBox{ width:285px; height:115px; margin:45px 0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#e3e3e3; overflow:hidden;}
.about , .product , .news{ margin-right:20px;}
	.adBox .pic{ width:180px; height:115px;}
	.about .pic{ background:url(../images/pic.png) 0 -200px no-repeat;}
	.product .pic{ background:url(../images/pic.png) 0 -400px no-repeat;}
	.news .pic{ background:url(../images/pic.png) 0 -600px no-repeat;}
	.contact .pic{ background:url(../images/pic.png) 0 -800px no-repeat;}
		.adBox .topic a{ width:105px; height:90px; padding-top:25px; display:block; font-size:18px; color:#ab0000; text-align:center; background:url(../images/pic.png) -361px -125px no-repeat #e3e3e3;}
		.adBox .topic a:hover{ background:url(../images/pic.png) -431px -125px no-repeat #c40000; color:#fff;}
			.adBox .topic a span{ font-size:12px; color:#666;}
			.adBox .topic a:hover span{ color:#fff;}
			
#main{ background:#f5f5f5; padding:35px 0;}
	#aboutBox{ width:460px; padding:0 20px;}
	#newsBox{ width:360px; padding:0 20px;}
	#contactBox{ width:260px; padding:0 20px;}
		#main .title{ height:27px; line-height:27px;}
			#main .topic{ border-left:5px #d00107 solid; padding-left:10px;}
				#main .topic h2{ font-size:18px; font-weight:normal;}
			#main .line{ min-width:85px; height:13px; border-bottom:1px #ccc dotted; margin:0 15px;}
			#aboutBox .line{ width:285px;}
			#newsBox .line{ width:185px;}
			#main .more{ padding:5px 0; overflow:hidden;}
				#main .more a{ display:block; height:17px; line-height:17px; padding:0 5px; font-size:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#d00107; color:#fff;}
				#main .more a:hover{ background:#ff0000;}
		#aboutBox .content{ padding:10px 0 0; overflow:hidden; line-height:185%; text-indent:2em;}
			#aboutBox .content img{ float:left; margin-right:15px;}
			#aboutBox .content a{ color:#cb0000;}
			#aboutBox .content a:hover{ color:#ff8a00;}
		#newsBox .content{ padding:10px 0 0; overflow:hidden;}
			#newsBox .content li{ line-height:210%; border-bottom:1px #ccc dotted;}
				#newsBox .content li span{ color:#cb0000; font-family: SimSun;}
		#contactBox .content{ padding:10px 0 0; overflow:hidden;}
			#contactBox .content ul{ margin-top:10px;}
				#contactBox .content li{ line-height:180%;}

#nBanner{ height:200px; box-shadow:inset 0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.3);}
.n1{ background:url(../images/n1.jpg) center top no-repeat;}
.n2{ background:url(../images/n2.jpg) center top no-repeat;}
.n3{ background:url(../images/n3.jpg) center top no-repeat;}
.n4{ background:url(../images/n4.jpg) center top no-repeat;}
.n99{ background:url(../images/n99.jpg) center top no-repeat;}

#nMain{ padding-top:20px;}
	.mainLeft{ width:250px;}
		.sideBox{ background:#f0f0f0; margin-bottom:20px;}
			.sideBox .topic{ height:50px; line-height:50px; background:#c40000; color:#fff; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; overflow:hidden;}
				.sideBox .topic h2{ font-size:20px; text-indent:20px; font-weight:normal;}
			.sideBox .content{ padding:10px 20px 20px; overflow:hidden;}
			.sideBox .content li{ line-height:160%;}
				.sideBox .content a{ display:block; height:45px; line-height:45px; vertical-align:middle; border-bottom:1px #ccc dotted; padding:0 5px;}
				.sideBox .content a:hover{ background:#c40000; color:#fff;}
					.sideBox .content a  font{ font-family: SimSun;}
	.mainRight{ width:930px;}
		#nTopic{ height:50px; line-height:50px; vertical-align:middle; border-bottom:3px #c40000 solid; padding:0 15px; overflow:hidden;}
			#nTopic h2{ font-size:20px; color:#333;}
			#nTopic span{ font-size:12px; color:#999;}
				#nTopic span a{ color:#999;}
				#nTopic span a:hover{ color:#c40000;}
			#nTopic font{ font-family: SimSun; margin: 0 5px;}
				
		#nTxt{ padding:15px; overflow:hidden; line-height:180%;}
			#nTxt p{ margin-bottom:5px;}
			#nTxt img{ margin:5px 0;}
			
		#nList{ overflow:hidden; padding:15px;}
			#nList li{ line-height:300%; border-bottom:1px #ccc dotted; padding:0 10px;}
			#nList li:hover{ background:#f5f5f5;}
				#nList li h3{ font-weight:normal;}
					#nList li font{ font-family: SimSun;}
				#nList li span{ color:#999;}
		
		#pList{ overflow:hidden; padding:15px;}
			.proBox{ width:260px; border:10px #f0f0f0 solid; background:#f0f0f0; margin:10px; text-align:center;}
				.proBox .pic{ width:260px; height:195px; line-height:195px; vertical-align:middle; background:#fff;}	
				.proBox .topic{ height:50px; line-height:50px; vertical-align:middle;}	
			.proBox:hover{ background:#ccc; border:10px #ccc solid;}
			
		.newsTopic{ text-align:center; padding:15px 0 0;}
			.newsTopic h3{ font-size:18px; font-weight:normal;}
		.time{ text-align:right; font-size:12px; color:#999; padding:10px; border-bottom:1px #ccc dotted;}
		.picture{ text-align:center; padding:10px 0;}
			.picture img{ border:10px #f0f0f0 solid;}
		.miaoshu{ border:1px #ccc dotted; background:#f7f7f7; padding:10px 20px; font-size:16px; font-weight:normal; color:#c40000;}
		.txt{ padding:15px; overflow:hidden; line-height:180%;}
			.txt p{ margin-bottom:5px;}
		
		#searchList{ padding:15px;}
			#searchList li{ line-height:300%; border-bottom:1px #ccc dotted; padding:0 10px;}
			#searchList  li:hover{ background:#f5f5f5;}
				#searchList  li h3{ font-weight:normal;}
					#searchList  li font{ margin-right:5px;}

.upDown{ line-height:200%; border-top:1px #ccc dotted; padding:10px 10px 20px; overflow:hidden;}

.pageBox{ text-align:center; overflow:hidden; padding:20px 0;}
	.pageBox a, .pageBox span{ margin:0 3px;}


/*------------------------footer------------------------*/
#footer{ background:#959595; border-top:9px #818181 solid;}
	#footer .wrapper{ background:url(../images/pic.png) 1000px -995px no-repeat; padding:20px 0;}
	#link{ font-size:12px; padding:5px 0; line-height:160%; color:#fff;}
		#link a{ font-size:12px; color:#fff;}
		#link a:hover{ color:#ff0000;}
	#copy{ font-size:12px; padding:5px 0; color:#fff;}
	#search{ border:1px #d7d7d7 solid; padding:2px 2px 1px 1px; vertical-align:middle; overflow:hidden; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; margin:10px 300px 0 0; background:#efefef;}
		#search input{ height:33px; line-height:33px; border:none; background:none; margin:0;}
		#search .sou{ width:200px; text-indent:15px; color:#999; font-family:Arial, Microsoft YaHei, SimSun;}
		#search .btn{ width:33px; background:url(../images/pic.png) -393px -393px no-repeat #d6d6d6; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; overflow:hidden; cursor:pointer;}