﻿/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
margin:0;
padding:0;
}


 html{ margin:0; padding:0;width:100%;height:100%;}

 body{
 text-align:center;
  color:#666;
   width:100%;height:100%;
   
  background:#fff;
 font-size:12px;
 font-family:"Times New Roman","宋体",Arial,Helvetica,sans-serif;
 
  }


  
/*link*/
a{cursor:pointer; color:#666; text-decoration:none;}
a:active{}
a:visited{}
a:hover{ color:#f60; text-decoration:underline;}



/*list*/
ol,ul{list-style:none;}
li{line-height:200%; vertical-align:top;text-align:left; list-style:none; position:relative;}

p{ line-height:200%;}


/*other*/
img{border:none; vertical-align:middle;}
.clear{ clear:both; float:none; height:0;height:1px\9; font-size:0; visibility:hidden; background:#eee;}
.more{ position: absolute; top:10px; right:8px; background:url(more.jpg) no-repeat; width:39px; height:10px;}
.area{ background:url(area.jpg) left center no-repeat; border-bottom:1px solid #ddd; padding-left:20px; height:25px; line-height:25px;text-align:left;}
.attend{ color:#407fce;}
.warn{ color:#f60;}

h3{ font-size:14px;}

/*各种按钮*/
.btn{ background:url(btn.gif) 0 -100px no-repeat; border:none; width:53px; height:25px; line-height:25px; cursor:pointer; color:#222; text-align:center; display:inline-block; vertical-align:middle; overflow:hidden;}
.btn:hover{ background-position:-70px -100px;}



/*基础表格样式*/
table{width:100%;text-align:left; font-size:13px; font-family:Arial,"宋体",Helvetica,sans-serif; border-collapse: collapse; empty-cells:show;}
td,th{ padding:2px 5px; line-height:22px; vertical-align:top;}

.center{ text-align:center; _padding:5px 0; margin-top:5px;}
.text{ 
line-height:2em;
padding:10px;
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 white-space : normal ;       /* Internet Explorer 5.5+ */
 text-indent:2em;
 }
 
 .text p{ margin-top:8px;}
 
 
 #box{width:901px; margin:0 auto; overflow:hidden;}

 /*head*/

 .top{ text-align:left; margin-top:20px;}
 ul.nav{ height:31px; line-height:31px;background:url(nav_bg.jpg) repeat-x; position:relative;margin-top:15px;}
 ul.nav li{float:left;width:127px;height:31px; line-height:31px;background:url(nav_line.jpg) right 4px no-repeat;position:relative; overflow:visible; text-align:center; }
 ul.nav li a{ display:block;color:#507aa9; text-decoration:none; text-align:center; font-weight:bold;}
 ul.nav li a:hover{ color:#507aa9; text-decoration:none;background:url(nav_hover.jpg) center 0 no-repeat;}
  
 ul.nav li div{ position:absolute; left:0;top:31px; width:271px; height:17px; line-height:17px;background:url(nav_div_bg.gif) no-repeat;  z-index:10; display:none; overflow:visible;}
 ul.nav li div a{ color:#666; display:inline-block;width:70px; font-weight: lighter;}
 ul.nav li div a:hover{color:#f60; text-decoration:underline;  background:none;}



 #nav_li_last{background:none;}
#nav_left{ position:absolute; top:0; left:0; width:21px; background:url(nav_left.jpg) left no-repeat;}
#nav_right{ position:absolute; top:0;right:0;_right:-1px; width:21px; background:url(nav_right.jpg) right no-repeat;}

ul.nav2 li div{ background:none; text-align:left;}

.banner{ margin-top:8px;} 
.banner2{ margin-top:20px;} 
 /*foot*/
 .foot{ clear:both; float:none; height:50px;line-height:23px; text-align:left; padding:0 12px; margin:8px 0; position:relative; text-align:center;}




 
 .foot2{background:url(foot_bg2.jpg) top repeat-x; height:50px; text-align:left; padding:0 12px; margin:10px 0; position:relative; text-align:center;}


 /*index*/


#cont{ background:#E3EDF7; height:188px; margin-top:8px; text-align:left;}

#cont1,#cont2,#cont3{float:left; padding:16px; padding-bottom:31px; height:140px; background:url(index_lt.jpg) left top no-repeat #fff; position:relative; overflow:hidden;}
#cont1{ width:385px;}
#cont2{ width:286px;}
#cont3{ width:128px;}




.cont_lb,.cont_rb,.cont_rt{position:absolute; width:100%; height:100%;}
.cont_lb{ left:0; bottom:0;_bottom:-1px; background:url(index_lb.jpg) left bottom no-repeat;_width:120%;}
.cont_rb{ right:0; bottom:0;_bottom:-1px; background:url(index_rb.jpg) right bottom no-repeat;}
.cont_rt{ right:0; top:0; background:url(index_rt.jpg) right top no-repeat;}

#cont h3{ height:22px;line-height:10000px; *line-height:0px; font-weight:lighter; padding-left:26px; color:#066; position:relative; overflow:hidden; margin-bottom:10px;}

#cont1 h3{ background:url(cont1_h3.jpg) left center no-repeat;}
#cont2 h3{ background:url(cont2_h3.jpg) left center no-repeat;}
#cont3 h3{ background:url(cont3_h3.jpg) left center no-repeat;}

.news{ overflow:hidden;}
.news li{ float:left; line-height:21px; padding-left:10px; background:url(icon1.jpg) left center no-repeat; width:98%;_width:97%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; border-bottom:1px dotted #CCC }
.data{ position:absolute; top:0; right:5px; color:#999}

.product li{ float:left; text-align:center; height:40px; margin:0 8px;}

.partners li{ margin-top:8px; text-align:center;}
#inside .partners li{ text-align:left;}

.morelink{ border:1px solid #dde5ec; line-height:20px;margin-top:8px; text-align:left; padding:5px 10px;*padding-bottom:0;overflow:hidden;}
.morelink2{ display:inline; width:799px; overflow:hidden;}
.morelink2 a{ display:inline-block; padding:0 5px;}

/*inside*/
 
 #inside{ clear:both; margin-top:8px; text-align:left; height:auto!important; min-height:300px; height:300px;}
 #inside:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 
 /*menu*/
  #left{ float:left; background:url(menu.jpg) left top no-repeat; width:218px; margin-right:16px; text-align:center;}
 #left h2{ margin-top:10px;}
 .menu{ margin:0 auto 20px auto; width:161px;}
 #left img{ margin:20px auto; }
 .menu li{background:url(menu_line.jpg) bottom no-repeat; text-align:center;}
 .menu li a{display:block; _margin-bottom:-15px;}
 .menu li a:hover{color:#f60;}
 .current{color:#f60;background:url(menu_icon.jpg) right center no-repeat;}
 
 #right{float:left; width:666px;}
 #right h3{ height:30px; line-height:30px; text-align:left; padding-left:25px; margin-top:16px;}
 
 /*other*/
 
 .duty{ border-bottom:1px solid #ddd;background:#f7f7f7; margin-top:8px; padding:5px; padding-bottom:10px;}
 #right .duty h3{ font-weight:lighter; color:#f60; font-size:12px; text-indent:0; *padding:0;}
 
 .sitemap{ line-height:25px;}
 .sitemap dt{ background:#eee; margin:8px 0; padding-left:5px;}
 .sitemap dd{ padding-left:25px;}
 
 
 .message{ margin:0 auto; width:500px; padding:10px;}
 .message li{ line-height:30px;}
 .message .label,.message span{ vertical-align:top;}
 .message .label{ display:inline-block; width:100px; text-align:right; margin-right:8px;}
 
 
 .job dt{ background:#eee; padding-left:10px; line-height:22px; font-weight:bold; color:#333; border-bottom:1px solid #ddd; margin:8px 0;}
 .job dd{ line-height:22px;}
 .job dd label{ width:100px; font-weight:bold; color:#37c;}


.newstitle{font-size:14px; text-align:center;line-height:3em;}
.news_hit{ background:#ecf2f8; text-align:center;}

.next{ clear:both; margin-left:100px; margin-top:16px; text-indent:0;}
.next a{ border:1px solid #ccc; padding:2px 5px;text-decoration:none;}
a.next_this{ background:#37d; color:#fff;  border-color:#fff;}
a.next_this:hover{ color:#fff;}



.service_intro{ border:1px solid #ccc; padding:10px; margin-bottom:20px; }
.index_link {  border:#E3EDF7 1px solid; background-color:#f8f8f8; height:30px; padding-top; }
.index_link li { float:left; margin-left:10px }
.divclear { height:5px }

.service_ul li{ float:left; width:220px; text-align:center;margin-top:10px;}
.service_ul li img{ border:1px solid #ccc; padding:2px; background:#fff; width:200px; height:150px;}
.service_ul li p{ line-height:35px;}
.service_ul li p a{ color:#06C;}

.hw_3{ margin:5px 0;}
.hw_3 li{ float:left; width:260px; margin:15px 5px;}

/*滚动图片*/
.scrollable {position:relative;overflow:hidden;width:580px;height:150px;}
#thumbs div {float:left;width:193px;height:125px;color:#000000;cursor:pointer;text-align:center;}
#thumbs div.active {cursor:default;}
#thumbs {position:absolute;width:20000em;clear:both;}
div.scrollable {float:left;	}
a.prev, a.next, a.prevPage, a.nextPage {display:block;width:18px;height:18px;background:url(../img/left.png) no-repeat;
	float:left;margin:50px 2px;cursor:pointer;font-size:1px;}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position:0px -18px;}
a.disabled {visibility:hidden !important;}
a.next, a.nextPage {background-image:url(../img/right.png);clear:right;}
