@charset "utf-8";
/* CSS Document */
/* default */
iframe{ margin:0; padding:0;}
html{overflow:-moz-scrollbars-vertical; height:100%;}
html,body{}
.hide { display:none;}
body{ font-family:"Microsoft Yahei", "微软雅黑", "arial", "宋体"}
input,textarea,select,button{vertical-align:middle;}
body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,table{margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:1em}
*html .box{display:inline;clear:both}
a{text-decoration:none; border:none;hide-focus: expression(this.hideFocus=true);outline: none;}

input{text-decoration:none;hide-focus: expression(this.hideFocus=true);outline: none;}
a:hover{outline:none;text-decoration: none;}
table { border-collapse:collapse;}
div, td { margin:0; padding:0; border:0;}
img { border:0;}


/* index */
.up { width:100%; margin:0 auto; height:470px; position:relative;}

  .imgbox { width:100%; height:470px; position:absolute; z-index:5;}
    .img01 { background:url(../images/img01.jpg) top center no-repeat; height:470px;}
	
  
  .index_top { width:100%; margin:0 auto; position:absolute; z-index:10;}
    .head { width:1000px; margin:0 auto; overflow:hidden;}
	  .logo { display:block; width:410px; height:55px; float:left;}
	  .headlink { height:24px; margin-top:5px; text-align:right;}
	    .headlink a { margin-left:5px; color:#95aefe; font-size:14px;}
		  .headlink a:hover { color:#1651af;}
		.headlink p { color:#95aefe; float:right; font-size:12px; margin-left:5px;}
		.headlink span { color:#95aefe; font-size:14px; margin-left:5px;}
	
	.xxnav { width:1000px; height:28px; margin:10px auto; overflow:hidden; background:url(../images/navbg.png) no-repeat; position:relative;}
	.xxnavON { display:block; width:100px; height:28px; background:url(../images/navon.png) right no-repeat; position:absolute; left:0; top:0;}
	
	
	 	/* #nav{ height:28px;width:1000px; overflow:hidden; margin:10px auto 0;position:relative ;}
		#nav ul{ height:28px; width:1000px;background:url(../images/navbg.png) no-repeat; overflow:hidden; }
		#nav ul li{ width:140px; height:28px; float:left; display:inline; cursor:pointer; overflow:hidden; z-index:10;}
		#nav ul li a{width:140px; height:28px; display:block; float:left; outline:none; line-height:28px; text-align:center; font-size:15px; font-weight:normal; overflow:hidden; z-index:10; color:#fff;} */
		
	 	#nav{ height:28px;width:1000px; margin:10px auto 0;position:relative ;}
		#nav ul{ width:1000px; overflow:hidden;background:url(../images/navbg.png) no-repeat; }
		#nav ul li{ float:left;width:160px;display:inline; cursor:pointer;overflow:hidden;z-index:10;}
		#nav ul li a{ float:left;color:#fff; line-height:28px;  display:inline-block; width:140px; outline:none;text-align:center;font-size:15px;font-weight:normal;overflow:hidden;z-index:10;}
		
		#navCur{ position:absolute; left:0; bottom:0; height:3px; width:140px; margin:0; padding:0; display: block; float:none; background:url(../images/navon.png) bottom left no-repeat; cursor:pointer;  overflow:hidden; z-index:5;}
		.cur a { width:140px; float:left; background:url(../images/navon.png) left no-repeat; color:#1e53ff;}
		
		
		
	  .xxnav a { display:block; height:28px; text-align:center; line-height:28px; font-size:16px; xfont-weight:bold;}
	  .xxnava1 { width:100px; float:left; background:url(../images/navon.png) left no-repeat; color:#1e53ff;}
	  .xxnava2 { width:100px; float:left; color:#fff;}
	  .xnava2:hover { background:url(../images/navon.png) right no-repeat;}
	  .navOA { text-align:center;display:block; width:110px; height:28px; line-height:28px; float:right; color:#fff; background:url(../images/navOAbg.png) bottom no-repeat; }
	    .navOA:hover { color:#06f;background:url(../images/navOAbg.png) top no-repeat;}

.down { width:1000px; height:220px; margin:20px auto; overflow:hidden;}
  .downL { width:300px; height:200px; float:left; overflow:hidden;}
    .downL_title { font-size:15px; font-weight:bold; text-align:left; padding-left:15px; color:#2684d3; margin:0 0 5px 0;}
	.downL a { display:block; background:url(../images/newsdot.jpg) left center no-repeat; font-size:14px; color:#3899ea; text-align:left; padding-left:10px; white-space:nowrap; margin:2px 0 0 5px;}
	  .downL a:hover { color:#f80;}
  .downR { margin:0 0 0 10px; height:220px; float:left; overflow:hidden;}
  
  .iconbox { width:100%; overflow:hidden;}
    .iconbox a { display:block; float:left; width:190px; height:190px; margin:5px 0 0 8px;}
	.icon1a { background:url(../images/product1.png) left no-repeat;}
	  .icon1a:hover { background:url(../images/product1.png) right no-repeat;}
	.icon2a { background:url(../images/product2.png) left no-repeat;}
	  .icon2a:hover { background:url(../images/product2.png) right no-repeat;}
	.icon3a { background:url(../images/product3.png) left no-repeat;}
	  .icon3a:hover { background:url(../images/product3.png) right no-repeat;}
	.icon4a { background:url(../images/product4.png) left no-repeat;}
	  .icon4a:hover { background:url(../images/product4.png) right no-repeat;}
	.icon5a { background:url(../images/product5.png) left no-repeat;}
	  .icon5a:hover { background:url(../images/product5.png) right no-repeat;}


  .copyright { padding-top:5px; text-align:center; font-size:13px; color:#68c3ff;}

/* list */

.page_top { width:100%; margin:0 auto; height:92px;  position: relative; z-index: 10;}

.banner_product { width:100%; height:140px; background:url(../images/banner_product.jpg) top center no-repeat;}

.main { width:1000px; margin:0 auto; overflow:hidden;}
  .main_L { width:200px; float:left;}
    .menuaON { display:block; width:200px; height:30px; text-align:center; line-height:30px; font-size:18px; color:#fff; background:url(../images/menuON.png) no-repeat; margin-top:10px;}
	.menuaOFF { display:block; width:200px; height:30px; text-align:center; line-height:30px; font-size:18px; color:#fff; background:url(../images/menuOFF.png) no-repeat; margin-top:10px;}
	  .menuaOFF:hover { background:url(../images/menuON.png) no-repeat;}
	/*.main_L a{ display:block; width:200px; height:30px; text-align:center; line-height:30px; font-size:18px; color:#fff; background:url(../images/menuOFF.png) no-repeat; margin-top:10px;}
		.main_L a:hover { background:url(../images/menuON.png) no-repeat;}
		*/
	.menu_sublist { width:200px; padding:0; margin:0;background: url(../images/sublistbg.png) left repeat-y;}
	 .menu_sublist2 { width:200px; height:30px; padding-top:5px; background:url(../images/sublistbg.png) left repeat-y;}
	  .menu_sublist3 { width:200px; padding:0; margin:0;}
	  .menu_sublist4 { width:200px; height:30px; padding-top:5px;}
	  .sublistaON { display:block; width:200px; height:30px; line-height:30px; text-align:center; font-size:18px; color:#3f96d9; background:url(../images/sublistON.png) bottom no-repeat;}
	  .sublistaOFF { display:block; width:200px; height:30px; line-height:30px; text-align:center; font-size:18px; color:#7cc6ff; background:url(../images/sublistOFF.png) bottom no-repeat;}
	    .sublistaOFF:hover { color:#3f96d9; background:url(../images/sublistON.png) bottom no-repeat;}
 
	  .sublistaON2 { display:block; width:200px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#3f96d9; background:url(../images/sublistON.png) bottom no-repeat;margin-top:5px;}
	  .sublistaOFF2 { display:block; width:200px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#7cc6ff; background:url(../images/sublistOFF.png) bottom no-repeat;margin-top:5px;}
	    .sublistaOFF2:hover { color:#3f96d9; background:url(../images/sublistON.png) bottom no-repeat;} 

	    
	    .sublistaON3 { display:block; width:150px; height:26px; line-height:26px; font-size:13px; text-align:center; color:#3f96d9; background:url(../images/sublist3ON.png) bottom no-repeat;}
	 	.sublistaOFF3 { display:block; width:150px; height:26px; line-height:26px; font-size:13px; text-align:center; color:#7cc6ff; background:url(../images/sublist3OFF.png) bottom no-repeat;}
	      .sublistaOFF3:hover { color:#3f96d9; background:url(../images/sublist3ON.png) bottom no-repeat;} 
  
  
  
  

  .main_R { width:790px; float:right; overflow:hidden; margin-top:10px;}
	.rboxout { width:790px; background:url(../images/rboxoutbg.png) repeat-y;}
	  .rboxin { width:788px; min-height:365px; position:relative; background:url(../images/rboxinbg.png) top repeat-x; margin-left:1px; padding-bottom:30px; padding-top:10px;}
	  .rboxout1 { width:990px;}
	  .rboxin1 { width:990px; min-height:365px; position:relative; background:url(../images/rboxinbg.png) top repeat-x; margin-left:1px; padding-bottom:30px; padding-top:10px;}
	    .wordP01 { font-size:20px; color:#333; text-align:center; padding-top:10px; padding-bottom:5px; margin:0;}
		.wordP02 { font-size:16px; color:#777; text-align:center; margin:0; padding:0;}
		.wordP03 { font-size:12px; color:#777; text-align:center; margin:0; padding:0;}		
		.rboxmain a { display:block; height:24px; text-align:left; color:#333; font-size:14px; padding-left:15px; background:url(../images/dot.png) left center no-repeat; margin-left:30px;}
		.rboxmain a:hover { color:#f80;}
                .rboxmain span { height:24px; text-align:right; color:#ccc; font-size:14px;}
		.pages { width:720px; height:30px; *height:50px; position:absolute; bottom:0; right:0; overflow:hidden;}
		.centerpages { text-align:center;width:720px; height:30px; *height:50px;bottom:0; right:0; overflow:hidden;}
		  .pagesa { text-align:center;display:block; line-height:23px; float:left; font-size:14px; color:#333; margin-right:10px;*display:inline;*float:none;}
		     .pagesa:hover { color:#09F;}
		  .pagesnumberOFF { text-align:center;display:block; width:23px; height:23px; line-height:23px; float:left; font-size:14px; color:#333; margin-right:3px;*display:inline;*float:none;}
		    .pagesnumberOFF:hover { background:url(../images/pagesnumberbg.png) no-repeat; color:#fff;}
		  .pagesnumberON { text-align:center;display:block; width:23px; height:23px; line-height:23px; color:#fff; font-size:14px; text-align:center; float:left; background:url(../images/pagesnumberbg.png) no-repeat; margin-right:3px;*display:inline;*float:none;}
	

/* richtext*/
.banner_about { width:100%; height:140px; background:url(../images/banner_about.jpg) top center no-repeat;}
  .richbox { margin:20px 0 10px 0;line-height:175%;padding:0 20px;}
  
/* picture */
.picture { display:block; width:600px; margin:40px auto; background:#fff; padding:10px; border:1px solid #ccc; border-radius:5px;}

.piclist { width:686px; height:130px; margin:10px auto; overflow:hidden;}
  .picarrowL { display:block; width:23px; height:25px; float:left; background:url(../images/picarrow.png) left top no-repeat; margin:45px 0 0 0;}
    .picarrowL:hover { background:url(../images/picarrow.png) left bottom no-repeat;}
  .picarrowR { display:block; width:23px; height:25px; float:right; background:url(../images/picarrow.png) right top no-repeat; margin:45px 0 0 0;}
    .picarrowR:hover { background:url(../images/picarrow.png) right bottom no-repeat;}
	
   .onepic { display:block; width:188px; height:108px; overflow:hidden; float:left; background:#fff; margin:0 0 0 10px; position:relative;padding:5px;border:1px solid #adF; border-radius:5px;}
     .onepic:hover { border:1px dashed #f80;}
     .onepic a { display:block; width:200px; height:120px; position:absolute; top:0; left:0;  z-index:10; }
     .onepic img { width:100%; z-index:5;}
	 .onepic p { width:100%; height:24px; xxpadding-top:10px; position:absolute; z-index:6; left:0; bottom:0; line-height:24px; font-size:14px; text-align:center; color:#fff;background:url(../images/onepicbg.png) repeat;}

	.onepic2 { display:block; width:188px; height:108px; overflow:hidden; float:left; background:#fff; margin:0 0 0 10px; position:relative;padding:5px;border:1px solid #f80; border-radius:5px;} 
    .onepic2 a { display:block; width:200px; height:120px; position:absolute; top:0; left:0;  z-index:10; }
     .onepic2 img { width:100%; z-index:5;}
	 .onepic2 p { width:100%; height:24px; xxpadding-top:10px; position:absolute; z-index:6; left:0; bottom:0; line-height:24px; font-size:14px; text-align:center; color:#fff;background:url(../images/onepicbg2.png) repeat;}