@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0px;}
ul, li, span, dd, dt, dl{ list-style:none; margin:0px; padding:0px;}
a{text-decoration:none; color:#6a6767;}
a:hover{text-decoration:none; color:#0d8ed8;}
img{border:0px;}
.clear{ clear:both; height:1px; margin-top:-1px;  line-height:0; visibility:hidden;}
.red{color:#f00;}
h3, h5, h4, h2{color:#0d8ed8;  line-height:26px;  }
h3, h4{ font-size:14px; text-align:left; margin:0px;}
p{margin-bottom:9px;}
.text{ padding:10px; padding-bottom:30px;}

body{font-size:12px; font-family:"宋体"; line-height:17px; color:#6a6767; text-align:center;}
#wallpaper{ width:980px;}
#top{ text-align:left; height:80px; width:980px;}
#top span{ float:right; width:270px; text-align:right; color:#1e5ca5; padding-top:5px; }
#top span a{ padding-left:10px;   display:inline-block; margin-bottom:20px; color:#333333;}
#top span input{ height:14px;}

/* main nav */
#tag{background: url(../images/menu-bg.gif) repeat-x left top; overflow:hidden; width:960px;  height:75px; margin-bottom:10px; padding-left:20px; clear:both;}
#tag li {width:110px; height:45px; float: left;  background: url(../images/menu-li.gif) no-repeat right top; overflow:hidden; display:block; line-height:45px; text-align:center; }
#tag li a{color:#fff; font-size:14px; font-weight:bolder; display:block;}
#tag li a:hover, #tag .now{background: url(../images/menu-now.gif) no-repeat center top; }

#menu2 li {background-image:none; float:left;text-align:left; width:100%; }
#menu2 li a{color:#6a6767; font-weight:lighter; font-size:12px;  display:inline;}
#menu2 li a:hover{color:#0d8ed8;background:none;}
#menu2_1{margin-left:110px; _margin-left:55px;}
#menu2_2{margin-left:220px; _margin-left:110px;}
#menu2_3{margin-left:300px; _margin-left:160px;}
#menu2_4{margin-left:420px; _margin-left:210px;}
#menu2_5{margin-left:580px; _margin-left:290px;}
#menu2_6{margin-left:630px; _margin-left:320px;}
#menu2_7{margin-left:730px; _margin-left:370px;}
/*new*/
.news { width:660px;  font-size:12px; list-style-type:none; }
.news ul, .jobs ul{border-top:#69c2fc 3px solid; border-bottom:#69c2fc 1px solid; }
.news li{ width:660px; background:url(../images/line.gif) repeat-x left bottom; height:32px; line-height:32px;}
.news li span{ float:right; width:75px;}
.news li a{ background:url(../images/icon2.gif) no-repeat 5px 3px; padding-left:20px; width:560px;}
#right .pages{text-align:center; background-color:#f8f8f8; clear:both; padding:5px; margin:15px auto;}

.news h1{ font-size:14px; text-align:center; line-height:22px; padding:5px 0;}
.news h6{ font-size:12px;  font-weight:normal; text-align:center; color:#000; margin-bottom:15px;}
.center{text-align:center; clear:both;}
#up_next{ margin:10px 0px; padding:10px;  background:url(../images/line.gif) repeat-x left top; line-height:25px;}

#main{width:980px; display:block;  }
#left{width:213px; padding:10px;  float:left; overflow:hidden; text-align:left; background:url(../images/left-bg.gif) no-repeat left top;   padding-top:30px;}
#left h3{ background:url(../images/left-h3.gif) no-repeat; height:50px; width:183px;  overflow:hidden; text-indent:-299px; text-align:left; padding:0px; padding-left:40px; margin-bottom:30px;}
#left h3.about{ background-position:left top;}
#left h3.news{ background-position:left -50px;}
#left h3.pro{ background-position:left -100px;}
#left h3.ser{ background-position:left -150px;}
#left h3.case{ background-position:left -200px;}
#left h3.tech{ background-position:left -250px;}
#left h3.con{ background-position:left -300px;}
#left ul{border:#e8e8e8 1px solid; padding:10px; width:190px;}
#left li{font-size:14px; border-bottom:#e8e8e8 1px solid;}
#left li a{ line-height:35px; height:35px; display:block; background:url(../images/left_li_bg2.gif) no-repeat 20px center; padding-left:39px;}
#left .now, #left li a:hover{background:#f5f5f7 url(../images/left_li_bg.gif) no-repeat 20px center; color:#359af1;  }
#left ul li ul{border:0px; padding-left:10px;}
#left ul li ul li{height:25px; border:0px;}
#left ul li ul li a{ line-height:25px; height:25px; display:block; background:url(../images/left_li_bg3.gif) no-repeat 20px center; padding-left:35px; font-size:12px;}
#left ul li ul li a:hover, #left ul li ul .now{background:#f5f5f7 url(../images/left_li_bg5.gif) no-repeat 20px center; color:#359af1; line-height:25px; height:25px; }

#right{float:right; width:680px; text-align:left; padding:0px 20px; overflow:hidden; background:url(../images/right-bg.gif) no-repeat right top; }
#right h4{ background:url(../images/jt.jpg) no-repeat left center; padding-left:29px; line-height:25px;  height:25px;  color:#056ec3; margin-top:10px;}
#right h4 span{ float: right; padding-top:2px; height:25px; font-size:12px; font-weight:normal; color:#666;}
#right .banner{ margin:0px; text-align:center; height:150px; padding:10px; width:660px; overflow:hidden;}

/*产品展示*/
.pro{width:660px; background:url(../images/line.gif) repeat-x left bottom; height:91px; padding:15px 0px;}
.pro h2 a{color:#0d8ed8;}
.pro img{ float:left; padding:1px; border:#ccc 1px solid; height:87px; width:117px;}
.pro h2{ font-size:14px;}
.pro h2 img{ float:right; width:35px; height:7px; border:0px;}
.pro dl{ float: right; width:500px; height:91px; line-height:20px; }
.pro dl dd{float: left; width:200px; padding-left:10px; background: url(../images/links-bg.gif) no-repeat left center;}
.pro dl dt{ border-top:#0d8ed8 2px solid; padding:5px; height:60px; overflow:hidden;}
.text h5{background: url(../images/h5.gif) no-repeat left center; padding-left:20px;}
#right .pic img

{
	padding:3px; border:#ccc 1px solid;
	max-width:520px; 
	max-height:auto;
	_height:auto;
	margin:0 auto;
	zoom:expression( function(elm) {
	if(elm.width>520){
		var oldVM= elm.width; elm.width=520;
		elm.height=elm.height*(520/oldVM);
		}
		elm.style.zoom='1';
	}(this));	
}
#pages{text-align:center; background-color:#f8f8f8; clear:both; padding:5px; margin:15px auto;}


.contact{background:url(../images/contact.gif) no-repeat right bottom;  margin-left:10px; width:600px; padding:30px; padding-right:300px; line-height:27px;}

#link{ border:#e5e5e5 1px solid; padding:5px; margin-bottom:1px; margin-top:10px; text-align:left; clear:both;}
#link img{ width:88px; height:31px; margin-right:5px; display:inline;}
#foot{ background:url(../images/foot.gif) no-repeat left center; text-align:left; clear:both; padding:15px 200px; border-top:#e0e1db 3px solid; }

/*toper-tabs*/
#tab0{   width: 660px; overflow:hidden; margin:0px; margin-top:15px;}
#menu0{width: 660px; height:30px; overflow:hidden;}
#menu0 ul{ margin:0px; padding:0px; }
#menu0 li{ display:inline-block; float: left;  height:30px; line-height:35px; margin-right:5px; padding:0px; width:128px; text-align: center; cursor:pointer; background:url(../images/cp.png) no-repeat left bottom; font-weight:bolder; font-size:12px;}
#menu0 .hover, #menu0 li:hover{ background:url(../images/cp.png) no-repeat left top;}
#main0{border:#0d8ed8 1px solid; width: 658px; margin:0px;  overflow:hidden;}
#main0 div{display: none; padding:5px;}
#main0 .block{display: block;}