@charset "gb2312";
/* CSS Document */

/*  
	Global CSS
	Project: Job5156.com
	Author: Iris
	Date: 10172012
*/


a {
blr:expression(this.onFocus=this.blur())
}
a:focus{outline:0;} 
a{color:#333; text-decoration:none;}

ul{ list-style-type:none;}
.clearfix:after {visibility: hidden;display: block;content: ".";clear: both;height: 0;}
.clearfix { display: block;zoom:1; }
.clear{ clear:both; height:0; line-height:0;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
*{ padding:0; margin:0;}
img{ border:0;}
ul{list-style-type: none; }
.marginleft{ margin-left:10px;}
.centre{ text-align:center}
body{background: #e7e7e7;font-family:"Î¢ÈíÑÅºÚ";font-size:16px;line-height:30px;text-align:center;color:#333333;margin:0;padding:0;border:0;}

.topbg{ background: url(../img/t_02.jpg) repeat-x  ; height: 97px}
/*3.15*/
.top{height: 97px; width:980px; margin:0 auto; position:relative   }
.top .into{ position:absolute; left:820px; top:0; background:#f90; color:#FFF; padding:0px 15px;  }
.top .into a{ display:block; color:#FFF;}
/*3.15 end*/
.top .logo{ float:left; width:484px;}

.top .topnav{ float:left; width:480px; margin-top:40px;}

.top .topnav ul li{ float:left; line-height:57px; margin: 0 15px;}
.top .topnav ul li a{ display:block }
.top .topnav ul li a:hover{ background:url(../img/T-35.png) no-repeat bottom;  }
.top .topnav ul li a.curent{ background:url(../img/T-35.png) no-repeat bottom;  }

.indexadbg{ background:#0674b2; height:350px;}
.adbg{ background:#0674b2; height:182px;}
.ad-samll{ height:182px;}

.content-index{ width:980px; margin:auto; margin-top:10px; font-size:14px; }
.content-index1{ position:relative; float:left; width:270px; height:225px; padding:135px 25px 0 25px; line-height:24px;}
.content-index1 h2{ font-size:16px; line-height:36px;   }
.content-index1 p{ text-align:left; text-indent:28px; margin-top:25px;     }
.content-index1 .more{ position:absolute; top:305px; right:30px;  text-align:right; line-height:36px;  }
.content-index1 .more a:hover{ text-decoration: underline; color:#36F }

.content-index .aboutus{background:url(../img/t_11.jpg) top no-repeat  #fff}
.content-index .product{ background: url(../img/t_13.jpg) -5px 0   no-repeat  #fff  }
.product_class{ margin-top:25px; font-size:16px;  }
.case_class{ margin-top:25px; text-align:center}
.case_class p{text-align:center; text-indent:0; margin-top:10px;}
.product_class a:hover{ color:#36F     }
.content-index .case{ background:url(../img/t_15.jpg) 10px 0  no-repeat  #fff }

/*contet list*/
.conrent-list{ width:980px; margin:auto;}
.conrent-list .list{ width:180px; background:#6e6e6e; overflow:auto; padding:30px 0 30px 30px; }
.conrent-list .list{  float:left; width:180px; background:#6e6e6e; text-align:left; color:#fff; font-weight:bold}
.conrent-list .list a{ color:#fff }

.conrent-list .list ul li{   font-weight: normal; text-indent:16px; background:url(../img/ico.jpg) 0 15px no-repeat}
.conrent-list .list ul li a{ color:#fff }
.conrent-list .list ul li a:hover{ color:#ff0 }
 


.conrent-list .xx-1{ float: right; width:770px; background:url(../img/bg-1.jpg) no-repeat; height:1345px;}
.conrent-list .xx-1 h2{ color:#00a3ff; line-height:48px }
.zz{ height:210px;  width:370px; text-align:left; margin:80px 50px 0 350px}
.app{ height:210px;  width:370px; text-align:left; margin:80px 300px 0 100px}
.o2o{ height:210px;  width:370px; text-align:left; margin:80px 50px 0 350px}
.sj{ height:210px;  width:370px; text-align:left; margin:120px 300px 0 100px}
.conrent-list .xx-2{ font-size:14px;  float: right; width:770px; background:url(../img/bg-2.jpg) no-repeat; height:1747px;}
.conrent-list .xx-2 h2{ color:#00a3ff; line-height:48px }
.conrent-list .xx-3{ font-size:14px;  float: right; width:770px; background:url(../img/bg-wupan.jpg) no-repeat; height:1747px;}
.sy{ height:180px;  width:370px; text-align:left; margin:50px 50px 0 350px}
.jy{ height:180px;  width:370px; text-align:left; margin:50px 350px 0 50px}
.yl{ height:180px;  width:370px; text-align:left; margin:50px 50px 0 350px}
.jr{ height:180px;  width:370px; text-align:left; margin:50px 350px 0 50px}
.jd{ height:180px;  width:370px; text-align:left; margin:50px 50px 0 350px}
.qy{ height:180px;  width:370px; text-align:left; margin:50px 350px 0 50px}
.dx{ height:200px;  width:370px; text-align:left; margin:80px 50px 0 350px}


.conrent-1{ width:980px; background:#fff; margin:auto; overflow:auto; padding:0 0  30px 0}

.conrent-1 .title{ height:42px; line-height:42px; border-bottom:2px solid #0090e1; width:900px; margin:12px auto;}
.conrent-1 .title ul { margin-left:35px;}
.conrent-1 .title ul li{ float:left; height:42px; line-height:42px; margin:0;  }
.conrent-1 .title ul li a{ height:42px; line-height:42px; }
.conrent-1 .title ul li a:hover{ color:#0090e1;  }
.conrent-1 .title ul li a.active{ width:160px; height:42px; background:#0090e1; color:#FFF;  }
.conrent-1 ul li{ width:160px; height:140px; float:left; margin:30px 40px;}
.conrent-1 ul li a{ width:160px; height:140px; display:block; }

.conrent-1 ul li img{margin-bottom:5px; }
.us{ text-align:left; padding:40px 100px 20px 100px; min-height:400px;  }
.us p{ margin-bottom:20px; text-indent:32px;  }
.us h2{ font-size:20px }

.bottombg{ margin-top:10px; height:80px; background:#f4f4f4; font-size:14px;}
.bottom { padding-top:15px; margin-top:10px; color:#666 }
.bottom p{ line-height:24px; }