﻿@charset "utf-8"; 
/* CSS Document */
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;background:url(../imgs/wrapperbg.jpg) repeat-x; color:#333; font-size:12px;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,p,pre,ul,li{margin:0; padding:0;}
ul{list-style:none;}
img{border:0;}
a{text-decoration:none; color:#333;}
a:hover{color:#ff6600; text-decoration:inherit;}
#wrapper{width:900px; margin:0 auto;}
#header{width:100%; float:left; height:141px; position:relative;}
  #header h1{ position:absolute; left:0px; top:0px;}
  #header ul{padding:90px 0 0 50px; height:30px; overflow:hidden;}
  #header li{float:left; background:url(../imgs/navbg.jpg) no-repeat; height:30px; width:100px; text-align:center;  font-size:12px; font-weight:bold; margin-right:3px; letter-spacing:1px;_letter-spacing:0px;}
  #header li a{color:#333; display:block;padding-top:8px; }
  #header li a:hover{background:url(../imgs/nav_on.jpg) no-repeat;color:#fff; height:30px;}
  #header .contentbg{background:url(../imgs/contentbg.jpg) no-repeat; height:21px; overflow:hidden; clear:both; position:relative;}
  #header .contentbg span{position:absolute; right:25px; top:2px; font-size:12px; font-weight:bold;}
  #header .contentbg span a{color:#fff;} 
   


#content{width:860px;float:left; background:#FFF; padding:0 20px; height:590px; overflow:hidden;}
#content .fla{width:860px; height:260px; margin:10px 0 13px 0; float:left;}
.content{width:860px;float:left; background:#FFF; padding:0 20px; overflow:hidden;}
.content .fla{width:860px; height:180px; margin:10px 0 13px 0; float:left;}

.left{ width:202px; float:left; position:relative;}
	.left .l_map{width:100%; height:134px; margin-bottom:10px; clear:both;}
	.left .l_piclink{width:100%; float:left; clear:both;}
	      .l_piclink ul{}
	      .l_piclink li{width:202px; float:left;padding-bottom:0px;*padding-bottom:3px;_padding-bottom:0px; height:54px;}
	      .l_piclink li img{}
	      .l_piclink li a{display:block;width:202px; height:54px; text-indent:-199em;}
	      .l_piclink .on01 a{background:url(../imgs/l_honor.jpg);}
	      .l_piclink .on02 a{background:url(../imgs/l_feedback.jpg);}
	      .l_piclink .on03 a{background:url(../imgs/l_contactus.jpg);}
	      .l_piclink .on01 a:hover{background:url(../imgs/l_honor2.jpg);}
	      .l_piclink .on02 a:hover{background:url(../imgs/l_feedback2.jpg);}
	      .l_piclink .on03 a:hover{background:url(../imgs/l_contactus2.jpg);}
	
.right{ width:640px; float:right; position:relative;}	
.right .about{width:100%; height:134px; margin-bottom:10px; clear:both; position:relative;}
       .about h1{font-size:15px; color:#0E3063; padding:5px 0;}
	   .about p{font-size:12px; color:#333; line-height:20px;}	
	        .more{font-size:10px; position:absolute; right:0; bottom:0;}
	        .more a{color:#ff6600;font-size:12px;}
.right .scroll{font-size:12px; color:#333; }
       .scroll .border_up{background:url(../imgs/r_borderup.jpg) no-repeat; height:10px; overflow:hidden; clear:both;}
	   .scroll .border_down{background:url(../imgs/r_borderdown.jpg) no-repeat; height:10px; overflow:hidden; clear:both;}
       .scroll ul{}
	   .scroll li{float:left; width:150px; height:140px; text-align:center; background:#fff; padding-top:5px; margin-right:5px;}
	   .scroll li img{width:144px; height:108px; margin-bottom:5px;}
	   .scroll .piclist{width:620px; float:left; background:#eaeaea; padding:0 7px 0 13px;}
	   .scroll .piclist_con{float:left; width:1085px;}

#footer{clear:both; font-size:12px;  width:100%; margin-top:20px; float:left; border-top:2px solid #ccc; height:50px; padding:10px 0 0 0;}
	.footer{ width:860px; margin:0 auto; position:relative; color:#999;}
	.footer span{position:absolute; top:2px; right:0;}
	.footer span a{color:#666;}

/* CSS 内页 */
.left h1{background:url(../imgs/n_titlebg.jpg) no-repeat; height:54px; width:190px; padding:28px 0 0 12px; font-size:26px; color:#333;}
.left .l_menu{ width:200px; float:left; margin-top:1px;}
      .l_menu .border_up{background:url(../imgs/n_borderup.jpg) no-repeat; height:13px; clear:both; overflow:hidden;}
	  .l_menu .border_down{background:url(../imgs/n_borderdown.jpg) no-repeat; height:88px; clear:both; overflow:hidden;}
	  .l_menu ul{background:url(../imgs/n_borderbg.jpg) repeat-y; width:100%; float:left; height:130px;}
	  .l_menu li{background:url(../imgs/n_libg.jpg) no-repeat 1px; font-size:14px; font-weight:bold; padding:8px 0 0 50px; width:150px; height:30px;}
      .l_menu li a{}
	  .l_menu .click a{color:#ff6600;}

.l_menu table{}
.l_menu td{width:198px; border:1px solid #ccc; border-bottom:none; border-top:none;}
.l_menu table table td{border:none; padding:10px 30px 0 30px; }
.l_menu table table td a{ display:block; border-bottom:1px dashed #ccc; padding-left:15px;}
.l_menu table td.bt a{background:url(../imgs/n_libg.gif) no-repeat bottom; display:block;  padding:18px 0 3px 50px;}

.right .text{}
       .text h1{ background:url(../imgs/n_rtitlebg.jpg) no-repeat 1px; font-size:20px; height:30px; border-bottom:1px solid #ccc; color:#333; padding:8px 0 0 20px; margin-bottom:22px;}
	   .text h2{ font-size:15px; color:#0E3063;}
	   .text p{ font-size:12px; padding:8px 0; color:#333; line-height:20px;}
	   .text p img{margin:0 0 0 10px;}
	   
	   .text dl{position:relative; width:100%; float:left; border-bottom:1px dotted #ccc; height:130px; padding:10px 0 0 0;}
	   .text dt{position:absolute; top:15px; left:5px;}
	   .text dt img{width:144px; height:108px; border:1px solid #D8D8D8; padding:1px;}
	   .text dd{padding-left:180px; line-height:20px;}
	   .text dd span{font-size:13px; color:#ff6600; font-weight:bold;}	   
	   
	   .page{width:100%; float:left;margin:20px 0;}
	   .page ul{ padding:0 0 0 160px;}
	   .page li{float:left;}
	   .page li a{padding:0 5px;}
	   .page li .click{color:#ff6600;}

       .text table{ width:90%;}
	   .text input{border:1px solid #ccc; width:210px;}
	   .text .textarea{border:1px solid #ccc; width:500px; height:80px; overflow:auto;}
	   .text pre{font-size:12px; line-height:22px; color:#666;}
	   .text pre strong{font-size:13px;}
	   .text .contact{background:url(../imgs/contactbg.jpg) no-repeat right bottom;} 
	   .text .contact a{}
	   .text .contact a:hover{ text-decoration:underline;}
	   
	        .display ul{}
	        .display li{float:left; width:312px; text-align:center; height:180px;}
			.display li img{width:200px; height:150px; padding:1px; border:1px solid #ccc; margin-bottom:8px;}
	        .honor li{float:left; width:213px; text-align:center; height:200px;}
			.honor li img{padding:1px; border:1px solid #ccc;width:150px; height:140px;}
	   .sitemap table{}
	   .sitemap td{ line-height:25px;}

#menu {background:url(../imgs/n_borderbg.jpg) repeat-y; width:100%; float:left;text-align:left; height:auto; _position:relative;}
#menu li {display:block; padding:0; margin:0;background:none; width:100%;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a,#menu li a:hover dt a {color:#ff6600;text-decoration:none;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl { height:auto; width:100%; float:left;}
#menu dl { cursor:pointer;list-style:none;text-align:left; height:auto;  width:100%;display:block;background:url(../imgs/n_borderbg.jpg) repeat-y;_background:url(../imgs/n_borderbg.jpg) repeat-y -1px; _position:relative;}
#menu .gallery dt a{display:block; background:url(../imgs/n_libg.jpg) no-repeat 1px; font-size:14px;font-weight:bold; padding:8px 0 0 50px; width:150px; _width:146px; height:30px; float:left; clear:both; color:#000; clear:both;} 
#menu dt {margin:0; padding: 0; }
#menu dd {margin:0 40px; padding:3px 0; text-align:left; border-bottom:1px dashed #ccc;}
.gallery dt a, .gallery dt a:hover {display:block; color:#ff6600; }
.gallery dd a{padding:8px 0 0 10px; color:#666; font-size:12px; font-weight:normal;}
.gallery dd a:hover {color:#ff6600;}