@charset "utf-8";
/* 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:#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:#ff000f;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}
.ziti{ font-family:SimSun;}

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

.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);}
/*text-transform 值：Capitalize 英文拼音的首字母大写 Uppercase 英文拼音字母全大写 Lowercase 英文拼音字母全小写*/


/*------------------------header------------------------*/
#logo{ height: 55px; margin: 25px 0;}
	#logo h1{ font-size: 0;}

#search{ border: 1px #ccc solid; padding: 0 10px; margin: 40px 0 0; height: 30px; line-height: 30px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
	#search input , #search button{ border: none; background: none; margin: 0; height: 28px; line-height: 28px;}
	#search input{ text-indent: 5px;}
	#search button{ width: 28px; background: url(../images/button.png) center center no-repeat; cursor: pointer;}

#navBox{ border-top: 1px #f0f0f0 solid;}
	#navBox .box{ width: 1200px; margin: 0 auto;}
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
			#nav .nLi{ float:left; display:inline; position:relative; margin: 0 1px 0 0;}
				#nav .nLi{ width: 170px; text-align: center;}
				#nav .nLi h2 a{ display:block; height:55px; line-height:55px; text-transform: uppercase; color: #333;}
				#nav .nLi:hover{ background:#ff000f; color:#fff;}
				#nav .on h2 a{ background:#ff000f; color:#fff;}
					#nav h2 a{ font-weight:normal; font-size:16px;}
				#nav .sub{ width: 100%; display:none; line-height:40px; left:0px; top:55px; position:absolute; background: rgba(255,255,255, 0.85); z-index:999; text-align:center; box-shadow: 0px 1px 3px #999; text-transform: capitalize;}
				#nav .sub li{ border-top: 1px #dfeff8 solid;}
				#nav .sub a{ display: block;}
				#nav .sub a:hover{ background: #ff000f; color: #fff;}
					#nav .nLi .cur{ background:#ff000f; color:#fff;}			

/*------------------------index------------------------*/
#banner{ width:100%; height:500px; position:relative; overflow:hidden; }	
	#banner .hd{ position:absolute; z-index:997; left:50%; margin-left:-34px; bottom:30px;}
		#banner .hd li{ width:16px; height:16px; margin-right:10px; float:left; cursor:pointer; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; background:#fff; filter:alpha(opacity=50);opacity:0.5;}
		#banner .hd li.on{ filter:alpha(opacity=100);opacity:1;}
	#banner .bd{ width:100%; height:500px;}
		#banner .bd li{ width:100%; height:500px;}

#product{}
	#product .title{ background: #f0f0f0; text-align: center; padding: 30px 0;}
		#product .title h2{ font-size: 24px; font-weight: normal;}
		#product .title span{ font-size: 12px; color: #999; text-transform: uppercase;}
	#proBox{ width: 1200px; height: 240px;  overflow:hidden; position:relative; padding: 45px 0;}
			#proBox .prev , #proBox .next{ display: block; float: left; width: 40px; height: 240px; cursor: pointer; background: url(../images/arrow.png) left center no-repeat;}
			#proBox .next{ float: right; background: url(../images/arrow.png) right center no-repeat;}
		#proBox .bd{ width: 1120px; margin: 0 auto; z-index: 9;}
			#proBox .bd li{ width: 260px; text-align: center; float:left; _display:inline; margin: 0 10px; overflow: hidden;}
				#proBox .bd .pic{ border-bottom: 5px #fff solid;}
				#proBox .bd .pic:hover{ border-bottom: 5px #ff000f solid;}
				#proBox .bd .name{ line-height: 40px;}

.apBox{ width: 48%; background: #ccc; overflow: hidden; text-align: center; padding: 40px 0; color: #fff;}
	.apBox .title{ margin-bottom: 20px;}
		.apBox .title span{ font-size: 16px; text-transform: uppercase;}
		.apBox .title h2{ font-size: 16px; font-weight: normal;}
	.apBox .content{ width: 580px; margin: 0 auto 20px;}
	.apBox .more a{ display: block; width: 190px; height: 45px; text-align: center; line-height: 45px; margin: 0 auto; color: #fff; border: 1px #fff solid;}
	.apBox .more a:hover{ background: #fff; color: #ff000f;}

.listBox{ width: 400px; margin: 0 40px 0 0;}
.downBox{ width: 320px;}
.listBox , .downBox{ padding: 45px 0;}
	.listBox .title , .downBox .title{ margin-bottom: 20px; line-height: 20px;}
		.listBox .topic , .downBox .topic{ font-size: 16px;}
		.listBox .more{ font-size: 12px; text-transform: uppercase;}
		.listBox .content{}
			.listBox .content li{ line-height: 50px; border-bottom: 1px #cccccc dotted; padding: 0 10px 0 20px; background: url(../images/icon.gif) 7px center no-repeat;}
			.listBox .content li:hover{ background: url(../images/icon.gif) 7px center no-repeat #f0f0f0;}
	.downBox .content{ padding: 30px 0 35px 160px; background: url(../images/down.jpg) 50px center no-repeat; margin: 30px 0;}
	.downBox .more{ overflow: hidden;}
		.downBox .more a{ display: block; width: 100px; height: 35px; float: right; line-height: 35px; background: #ff000f; text-align: center; color: #fff;}

/*------------------------page------------------------*/
#nMain{ background: url(../images/nbanner.jpg) center top no-repeat;}

	.side{ width: 270px; padding: 170px 0 50px;}
		.side .title{ height: 80px; line-height: 80px; background: #ff000f; font-size: 24px; color: #fff; text-indent: 20px;}
		.sideNav{ background: #f0f0f0; margin: 0 0 30px 0;}
			.sideNav li{ border-top: 1px #dedede solid;}
				.sideNav a{ display: block; line-height: 50px; padding: 0 20px;}
				.sideNav a:hover{ background: #ff000f; color: #fff;}
				.sideNav .active{ background: #ff000f; color: #fff;}
		.sideContact{ font-size: 0px; margin: 0 0 30px 0;}
		.side .proTitle{ height: 80px; line-height: 80px; background: #dddddd; font-size: 24px; color: #333; text-indent: 20px; border-top: 5px #ff000f solid;}
		
	.rMain{ width: 900px; padding: 240px 0 50px;}
		.nTitle{ line-height: 50px; padding: 0 20px; border-bottom: 3px #f0f0f0 solid;}
			.nTitle h2{ font-weight: normal; font-size: 20px;}
		.nContent{ overflow: hidden;}
			#pName{ text-align: center; padding: 40px 0 20px;}
				#pName h3{ font-size: 20px;}
			#date{ text-align: center; text-transform: uppercase; color: #999; font-size: 12px;}
			#picture{ text-align: center; padding: 30px 0;}
				#picture img{ max-width: 600px; max-height: 600px;}
			#view{ line-height: 50px; background: #ccc; padding: 0 20px; font-size: 20px;}
			#txt{ padding: 20px; overflow: hidden; line-height: 200%; text-align: justify;}
				#txt td{ padding: 3px 5px; text-align: center; border: 1px #ccc solid; vertical-align: middle;}
				#txt img{ max-width: 800px; margin: 5px;}
				#txt .list-paddingleft-2{ overflow: hidden;}
					.list-paddingleft-2 li{ float: left;}
					.list-paddingleft-2 li:nth-child(1){ font-weight: bold; width: 15%; text-align: right; padding: 0 20px 0 0;}
			#nProList{ padding-bottom: 30px; overflow: hidden;}
				.nProBox{ width: 260px; margin: 20px; text-align: center;}
					.nProBox a{ display: block; background: #f0f0f0;}
					.nProBox a:hover{ background: #ff000f; color: #fff;}
						.nProBox .pic{ height: 195px;}
						.nProBox .name{ height: 60px; padding: 20px 0 0;}
							.nProBox .name span{ font-size: 12px;}
			#nNewsList{ padding: 30px 20px; overflow: hidden;}
				#nNewsList ul{ border-top: 1px #ccc dotted;}
				#nNewsList li{ line-height: 50px; border-bottom: 1px #ccc dotted; padding: 0 10px 0 20px; background: url(../images/icon.gif) 7px center no-repeat;}
				#nNewsList li:hover{ background: url(../images/icon.gif) 7px center no-repeat #f0f0f0;}
			
			#pageBox{ padding: 50px 0; text-align: center; overflow: hidden; border-top: 3px #f0f0f0 solid;}
				#pageBox a{ border: 1px #ccc solid; margin:0 5px; padding: 10px 15px;}
				#pageBox a:hover{ background: #ff000f; border-color: #ff000f; color: #fff;}
				#pageBox .page-num-current{ border: 1px #ff000f solid; color: #ff000f;}
			
			#upDown{ padding:20px; line-height:180%; overflow: hidden; border-top: 3px #f0f0f0 solid;}
			
/*------------------------footer------------------------*/
#foot{ background:#f0f0f0; padding:50px 0 0;}
	#foot .contact{ width: 380px; padding: 20px 20px 20px 0;}
		#foot .contact h2{ font-size: 16px; font-weight: normal; margin-bottom: 20px;}
	#foot .products{ width: 740px; border-left: 1px #ccc solid; padding: 20px 0 20px 40px; overflow: hidden;}
		#foot .products .proLi{ float: left; margin: 0 60px 0 0;}
		#foot .products h2{ font-size: 16px; font-weight: normal; margin-bottom: 20px;}
		#foot .products .subProLi li{ line-height: 160%;}		
	#foot .copy{ text-align:center; padding: 30px 0; border-top: 1px #cccccc solid;}

/*------------------------goTop style------------------------*/
.izl-rmenu{position:fixed; right:0px; bottom:60px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:9999; }
.izl-rmenu .btn{width:72px; height:73px; margin-top:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-148px; top:0px; display:none;width:147px;height:147px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}