﻿body
{ 
	margin:0px; padding:0px; text-decoration:none; font:normal 12px \5B8B\4F53,Arial, Helvetica, sans-serif; background:#fff url(images/bg.png) repeat-x top left;
}
div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,emBED {margin:0;padding:0;list-style:none;text-decoration:none;}
img { border:none;}

/*.img {float:left;width:176px;height:120px;margin-right:10px}*/

 .box { width:972px;  margin:0 auto 0 auto; height:auto; }

 /*导航栏*/

.clear {  clear: both; }

.box_1
{
    width: 314px;
    height: 30px;
    line-height: 30px;
    float: left;
    text-indent:2.0em;
}
.box_2
{
    width: auto;
    height: 30px;
    line-height: 30px;
    float: right;
}


/*part_02*/

.box_2_1
{
    width: 218px;
    height: auto;
    float:left;
   
}

.box_2_2
{
    width: 732px;
    height: auto;
    float: right;
}

.box_2_2_1
{
    width: 489px;
    height: 264px;
    background: url(images/HR_09.jpg) no-repeat 0 0;
    float: left;
}
.box_2_2_2
{
    width: 218px;
    height: 264px;
    background: url(images/HR_11.jpg) no-repeat 0 0;
    float: right;
}

.box_2_3
{
    width: 732px; 
    height: 30px;
    background: url(images/HR_13.jpg) no-repeat 0 20px;
}
.box_2_4
{
    width: 732px;
    height: 230px;
    background: url(images/HR_14.jpg) no-repeat 0 0;
    margin:10px auto 0 auto;
}

.pro
{
     width:150px;  line-height:1.7em; text-align:left;
}





/*  公共  */

  /*****  日期  *****/

.cma_date{ font-size:12px; color:#fff; }
.cma_date a:link,.cma_date a:active,.cma_date a:visited{font-size:12px; color:#fff; text-decoration:none;}
.cma_date a:hover{font-size:12px; color:#f4a300;  text-decoration:none;}

  /*****  产品分类  *****/

.cma_pro{ font-size:14px; color:#fff; font-weight:bold; }
.cma_pro a:link,.cma_pro a:active,.cma_pro a:visited{font-size:14px; color:#fff; text-decoration:none;font-weight:bold; }
.cma_pro a:hover{font-size:14px; color:#f4a300;  text-decoration:none; font-weight:bold; }



.tit{ font-size:14px; color:#075198;  font-weight:800}


.gd{ font-size:12px; color:#9d9d9d; }
.gd a:link,.gd a:active,.gd a:visited{font-size:12px; color:#9d9d9d; text-decoration:none;}
.gd a:hover{font-size:12px; color:#ff0000;  text-decoration:none;}


.cma{ font-size:12px; color:#6c6c6c; }
.cma a:link,.cma a:active,.cma a:visited{font-size:12px; color:#6c6c6c; text-decoration:none;}
.cma a:hover{font-size:12px; color:#da0303;  text-decoration:none;}

.connom{ font-size:14px; color:#6c6c6c; }
.connom a:link,.connom a:active,.connom a:visited{font-size:14px; color:#6c6c6c; text-decoration:none;}
.connom a:hover{font-size:14px; color:#da0303;  text-decoration:none;}


.cga_big { font-size:24px; color:#5f5f5f; font-weight:700; }
.cga_big a:link,.cga_big a:active,.cga_big a:visited{font-size:24px; color:#5f5f5f; text-decoration:none;font-weight:700 }
.cga_big a:hover{font-size:24px; color:#e5040f;  text-decoration:none;font-weight:700 }


.cga { font-size:14px; color:#717171; }
.cga a:link,.cga a:active,.cga a:visited{font-size:14px; color:#717171; text-decoration:none;}
.cga a:hover{font-size:14px; color:#e5040f;  text-decoration:none;}

.colse { font-size:12px; color:#ff0000; }
.colse a:link,.colse a:active,.colse a:visited{font-size:12px; color:#ff0000; text-decoration:none;}
.colse a:hover{font-size:12px; color:#e5040f;  text-decoration:none;}

/*导航栏目   ul li以横排显示 */

/* 所有class为menu的div中的ul样式 */
div.menu ul
{
list-style:none; /* 去掉ul前面的符号 */
margin: 0px; /* 与外界元素的距离为0 */
padding: 0px; /* 与内部元素的距离为0 */
width: auto; /* 宽度根据元素内容调整 */
}
/* 所有class为menu的div中的ul中的li样式 */
div.menu ul li
{
float:left; /* 向左漂移，将竖排变为横排 */
}
/* 所有class为menu的div中的ul中的a样式(包括尚未点击的和点击过的样式) */
div.menu ul li a, div.menu ul li a:visited
{
/*background-color: #33a4e6;  背景色 */
border-left: 1px #fff solid; /* 边框 */
color: #fff; /* 文字颜色 */
display: block; /* 此元素将显示为块级元素，此元素前后会带有换行符 */
line-height: 1.8em; /* 行高 */
padding: 4px 20px; /* 内部填充的距离 */
text-decoration: none; /* 不显示超链接下划线 */
white-space: nowrap; /* 对于文本内的空白处，不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */
}
/* 所有class为menu的div中的ul中的a样式(鼠标移动到元素中的样式) */
div.menu ul li a:hover
{
background-color: #bfcbd6; /* 背景色 */
color: #465c71; /* 文字颜色 */
text-decoration: none; /* 不显示超链接下划线 */
}
/* 所有class为menu的div中的ul中的a样式(鼠标点击元素时的样式) */
div.menu ul li a:active
{
background-color: #465c71; /* 背景色 */
color: #cfdbe6; /* 文字颜色 */
text-decoration: none; /* 不显示超链接下划线 */
}



/*焦点图*/
.focus{ position:relative; width:185px; height:142px; float: left; margin:0}  
.focus img{ width: 185px; height:142px; border: solid 1px #D9D9D9} 
/*.focus .shadow .title{width: 180px; height:65px; padding-left:0px;padding-top: 0px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:12px; font-weight:bolder; overflow:hidden; }*/

.focus .btn{ position:absolute; bottom:34px; left:0px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10; }

/*.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 18px; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startcolorstr = '#80000000',endcolorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:6px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }*/ 
 
.focus .fbg{bottom:10px; right:4px; position:absolute; height:5px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:2px auto 0;overflow:hidden;zoom:1;height:14px}    

.focus .D1fBt a{position:relative; display:inline; width:5px; height:5px; border-radius:7px; margin:0 2px;color:#B0B0B0;font:14px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    

.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat; display:none}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; display:none}  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  








