﻿@charset "utf-8";
/*
Powered by Ratuo CMS
Copyright: Ratuo Inc. 镭拓科技
Website URL: http://www.ratuo.com/
*/
/*======================
        公共样式
=======================*/
body{font-family:arial;font-size:12px; color:#333; background:#fff;}
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset,input { margin: 0; padding: 0;}
em, cite, th { font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 1em;}
a{color:#333; text-decoration:none; cursor:pointer;}
a:hover{color:#fe8600; text-decoration:none;}
li{ list-style:none;}
img{ border:none;}
input,img{vertical-align:middle;}
input{ font-family:Arial, Helvetica, sans-serif;}
.clear{ clear:both;}
.hide{ display:none}
.line15px{clear:both;height:15px; overflow:hidden;}
.line20px{clear:both; height:20px; overflow:hidden;}
.line10px{clear:both; height:10px; overflow:hidden;}


/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－首页的样式－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
#header{ width:100%; height:89px; background:url(headerbg.png) repeat-x left bottom; font-family:Arial;}
  .header{ width:940px; height:89px; margin:0px auto; line-height:89px; text-align:left;}
    .logo{ width:750px; height:65px; margin-top:19px; float:left; font-size:20px;}
	.lang{ float:right; width:114px; height:24px; line-height:24px; color:#999; border:1px solid #dedede; background:#fff; margin-top:30px;}
	  .lang a{color:#999; padding:0px 5px;}
            .lang a:hover{color:#f5ba21;}



/*－－－－－－－－－－－－－－－－－－－－－－－－－首页“导航”的样式－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
#nav{ width:100%; height:36px; background:url(navbg.png) repeat-x left center; margin:1px 0px;}
  .nav{ width:940px; height:36px; margin:0px auto; font-size:14px; color:#333;}
    .navUL li{ background:url(navlibg.png) no-repeat right center; height:36px; line-height:36px; overflow:hidden; float:left;}
	  .navUL li a{ display:block; padding:0px 10px; margin-right:2px; height:36px; color:#333;}
	    .navUL li a:hover,.navUL li.hover a{ background:url(navhover.png) repeat-x left -1px;}
  


/*－－－－－－－－－－－－－－－－－－－－－－－－－首页“内容”的样式－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.Hmain{ width:940px; overflow:hidden; margin:0px auto;}
  .banner{ width:940px; height:187px; text-align:center;}
  
  .HContent{ width:940px; overflow:hidden; margin-top:20px;}
  
  .HLeft{ float:left; width:410px; overflow:hidden; font-family:arial;}
    .HLeftT{ width:400px; height:40px; color:#333; font-size:14px; padding-left:10px; text-align:left; line-height:40px; background:url(Haboutbg.png) no-repeat left center; }
	.HLeftC{ width:390px; overflow:hidden; padding:0px 10px; color:#444; line-height:25px; margin-top:10px;}
	  .HLeftC h1{ font-size:12px; color:#333; line-height:35px;}
	    .HLeftC a{ color:#999;}
               .HLeftC a:hover{color:#f5ba21;}


  .HRight{ width:490px; overflow:hidden; float:right;}
    .HRightT{width:490px; height:40px; color:#333; font-size:14px; padding-left:10px; text-align:left; line-height:40px; background:url(Hlinkbg.png) no-repeat left center;}
	.HRightC{ width:490px; overflow:hidden; margin-top:20px; text-align:justify;}
      .HRightUL li{ width:490px; height:50px; margin-bottom:10px;}
         
         .HIMG{ width:210px; height:50px; float:left;}
         .HIMG img{height:50px !important;}
         .Hwz{ width:270px; height:50px; float:right; line-height:22px; color:#444;}
           .Hwz a{color:#999;}
             .Hwz a:hover{ color:#f5ba21;}

  .HSearch{  width:400px; height:54px; line-height:54px; padding-left:10px; color:#333; background:url(Hsearchbg.png) no-repeat left center;
   font-size:14px; text-align:left; margin-top:40px;}
     .hsform{ width:311px; height:32px; float:right; margin-right:10px; background:url(Hsearch.png) no-repeat left center; margin-top:11px; color:#bbb; font-size:12px;}
        .hsbtn{ float:right; width:47px; height:32px; border:none; background:none; cursor:pointer;}
		.hstxt{width:250px; height:30px; padding-left:10px; float:left; color:#bbb; border:none; background:#fff; margin-top:1px; margin-left:2px;}
 

/*－－－－－－－－－－－－－－－－－－－－－－－－－首页“底部”的样式－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
#footer{ width:100%; height:70px; margin-top:38px; background:url(footerbg.png) repeat-x left center;}
  .footer{ width:940px; height:70px; margin:0px auto;}
    .fologo{ width:135px; overflow:hidden; background:url(fologobg.png) repeat-y right top; margin-top:18px; float:left;}
	.foWz{ margin-left:20px; margin-top:12px; float:left; width:780px; overflow:hidden; color:#666; line-height:25px;}




/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－产品的样式－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.category{ width:700px; overflow:hidden;}
  .cateT{ width:700px; height:30px; margin:20px 0px;}
    .cateSear{ float:right; height:30px; line-height:30px; overflow:hidden;  text-align:left; color:#333;}
	  .cateform{ width:262px; height:30px; line-height:28px; float:right; background:url(Catesearch.png) no-repeat center center; color:#bbb;}
	    .Csbtn{float:right; width:40px; height:30px; border:none; background:none; cursor:pointer;}
		.Cstxt{width:203px; height:28px; line-height:28px; padding-left:10px; float:left; color:#bbb; border:none; background:#fff; margin-top:1px; margin-left:2px;}

    .cateSelect{ float:left; width:140px; height:29px; line-height:29px;  padding-left:10px; position:relative; background:url(0.png) no-repeat left top; color:#333; }
        .cateSelect-text{ width:120px; height:28px; text-align:left; -moz-user-select:none; -webkit-user-select:none; user-select:none; cursor:pointer;}
        .cateSelect-option { display:none;  position:absolute;  width:140px; left:0px; top:28px; z-index:100; border-bottom:1px solid #bbb;}
		  .cateSelect-option li {height:28px; padding-right:10px; padding-left:10px; cursor: pointer; background:url(1.png) no-repeat left top;}
		    .cateSelect-option li.seleced {background:url(2.png) no-repeat left top; color:#f5ba21;}

 .cateTa{border-bottom:1px solid #1f3e5d; font-size:13px; text-align:left;} 
   .cateTa th{border-top:1px solid #1f3e5d; border-bottom:1px solid #1f3e5d; height:47px; line-height:18px; color:#344868;}
     .cateTa th p{ font-family:Arial; font-size:13px;}
   .cateTa td{color:#666; font-size:13px;}
  
  .cateDail{ width:100%; height:318px; overflow-y:scroll; padding-top:10px;}
    .cateTDTA td{ height:26px;}
  
  .category h6{ line-height:40px; color:#344868; font-weight:normal; padding-left:10px;}
  
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－“我们的公司”的样式－－－－－－－－－－－－－－－－－－－－－－－*/
.main{ width:940px; height:492px; overflow:hidden; margin:0px auto; font-family:Arial; font-size:12px;}
  .left{ width:220px; overflow:hidden; float:left; text-align:center;}
    .leftT{ font-size:14px; color:#f5ba21; background:url(leftTbg.png) no-repeat center top; width:220px; height:40px; line-height:40px; font-weight:bold;}
	   .leftBL dd{ width:220px; height:34px; line-height:34px; background:url(leftbg1.png) no-repeat center -1px;}
	      .leftBL dd a{ display:block; width:220px; height:34px; color:#333;}
	        .leftBL dd:hover a,.leftBL dd.hover a{ color:#f5ba21; background:url(leftbg.png) no-repeat center -3px; }

 .right{ width:700px; overflow:hidden; float:right;}
   .rightT{ width:700px; height:40px; line-height:40px; text-align:left; border-bottom:1px solid #f5ba21; color:#555; font-size:14px; font-weight:bold;}
     .rightT span{ float:right; color:#808080; font-size:12px; font-weight:normal;}
	   .rightT span a{color:#808080; margin:0px 5px;}
   .about{ width:700px; overflow:hidden; line-height:22px; text-align:justify; color:#555;}
     .about h6{ text-align:center;}
   

/*－－－－－－－－－－－－－－－－－－－－－“联系我们”的样式－－－－－－－－－－－－－－－－－－－－－－－*/
.contact{ width:700px; overflow:hidden; color:#555; line-height:25px; text-align:left;}
  .contact h3{ font-size:14px; color:#5f6267; line-height:40px;}
  .conp{ line-height:32px;}
    .contact p span{ margin-right:5px;}

/*－－－－－－－－－－－－－－－－－－－－－“我们的供应商”的样式－－－－－－－－－－－－－－－－－－－－－－－*/
.supplier{ width:700px; overflow:hidden; color:#555; line-height:20px; text-align:justify;}
  .suppIMG{ width:270px; height:140px; overflow:hidden; margin:20px 20px 10px 0px; float:left; text-align:center; position:relative; cursor:pointer;}
  .supplier p{ text-indent:2em;}
    .suppIMG p{ margin-top:20px; display:none; }
       .suppIMG p a{color:#333;}
  
  .suppfade{width:270px; height:170px; line-height:290px; text-align:center; position:absolute; top:0px; left:0px; cursor:pointer; display:none;
            filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; background:#000; }
    .suppfade a{ color:#fff;}

  .suppC{ width:410px; float:right; margin-top:15px;}
/*－－－－－－－－－－－－－－－－－－－－－“职业机会”的样式－－－－－－－－－－－－－－－－－－－－－－－*/
.profess{width:700px; overflow:hidden; color:#555; line-height:20px; text-align:left;}
  .profess h4{ line-height:30px; font-size:14px; font-weight:normal;}
  .prool li{ list-style:decimal inside; line-height:25px;}
  

.product{ width:700px; margin:20px auto; overflow:hidden;}
   .product table { border-right:1px solid #b2b2b2;} 
      .product table th{ line-height:30px; font-size:14px; border-left:1px solid #b2b2b2; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}
       .product table td{border-left:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; text-align:center; padding:10px 10px;}




















































