@charset "utf-8";

/* CSS Document */

.nav_01{ width:100%; float:left; overflow:hidden;}
.nav_01 h3{ width:100%; float:left; overflow:hidden; line-height:40px; font-weight:normal; font-size:26px; color:#1d1d1d; margin-bottom:10px}
.nav_01 ul{ width:100%; float:left; overflow:hidden; }
.nav_01 ul a{ font-size:16px; color:#333; display:block; float:left; width:auto; line-height:40px; padding:0 15px; height:40px; text-align:center; margin-right:20px; background:#f6f6f6}
.nav_01 ul a.on_h,.nav_01 ul a:hover{ background:#00a0e9; color:#fff}


.cp_01{ width:100%; float:left; overflow:hidden}
.cp_01 dl{ width:265px; float:left; overflow:hidden; padding:10px 15px; margin-bottom:15px}
.cp_01 dl dd{ width:100%; float:left; overflow:hidden; height:265px}
.cp_01 dl img{ width:265px; float:left; overflow:hidden;transition: all 0.6s;height:265px}
.cp_01 dl dt{ width:100%; float:left; overflow:hidden; height:50px; background:#eee}
.cp_01 dl dt a{ display:block; float:left; width:100%; line-height:50px; text-align:center; height:50px; font-size:16px; color:#666;}
.cp_01 dl dt a:hover{ background:#00a0e9; color:#fff}
.cp_01 dl a:hover img{transform: scale(1.2);  }



.tyimg01{ width:100%; float:left; overflow:hidden}
.tyimg01 dl{ width:265px; float:left; overflow:hidden; padding:10px 15px; margin-bottom:15px}
.tyimg01 dl dd{ width:100%; float:left; overflow:hidden;}
.tyimg01 dl img{ width:265px; float:left; overflow:hidden;}
.tyimg01 dl dt{ width:100%; float:left; overflow:hidden; height:50px; background:#eee}
.tyimg01 dl dt a{ display:block; float:left; width:100%; line-height:50px; text-align:center; height:50px; font-size:16px; color:#666;}
.tyimg01 dl dt a:hover{ background:#00a0e9; color:#fff}


.h1_01{ width:100%; float:left; overflow:hidden; font-size:36px; font-weight:normal; color:#111; line-height:40px; margin-bottom:30px; }

.pro_left{ width:640px; float:left; overflow:hidden; background:#f6f6f6; padding:20px 20px 20px 40px; height:330px}

.ul_01{ width:100%;  float:left; overflow:hidden;-moz-box-sizing: border-box;box-sizing: border-box; }
.ul_01 li{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:15px; color:#333; margin-bottom:10px;  }
.ul_01 li span{ width:90px; float:left; overflow:hidden;  height:26px; background:#f5f5f5;}

.ul_02{ width:100%;  float:left; overflow:hidden; line-height:30px; }
.ul_02 a{ color:#666; font-size:12px; float:left; display:inline; margin-right:10px; margin-bottom:10px}
.ul_02 a img{ width:30px; height:30px}

.bz01{ width:100%;  float:left; overflow:hidden;  margin-top:20px;}
.bz01 dt{ float:left; overflow:hidden; width:100%; line-height:30px;color:#333;  font-size:18px; margin-bottom:10px}
.bz01 dd{ width:100%; float:left; overflow:hidden; height:60px; overflow:hidden; line-height:60px}
.bz01 dd a{ color:#fff; font-size:14px;  display:block; float:left; overflow:hidden; width:158px; height:60px; background:url(qq02.gif) no-repeat; text-indent:70px; margin-right:20px}
.bz01 dd.bz02{ height:30px; line-height:30px; margin-top:10px; font-size:16px; color:#666 }
.bz01 dd.bz02 span{  font-size:16px; color:#c00}
.bz01 dd a:hover{  background:url(qq02b.gif) no-repeat; }

.pro_img{ width:500px; height:370px; float:left; overflow:hidden}
.pro_img img{ width:500px; height:370px;  }


.h4_01{ width:100%; float:left; overflow:hidden; font-size:21px; color:#3d3d3d; margin-bottom:20px; font-weight:normal; border-bottom:1px solid #ddd}
.h4_01 span{ float:left; line-height:40px; width:auto; padding:0 20px; background:#00a0e9; color:#fff}


.product02{ background:#f6f6f6; padding:35px 0;}
.product02 .h4_02{ width:100%;  color:#00a0e9; font-weight:normal; font-size:21px; margin-bottom:10px  }

.div_01{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:14px; color:#666; margin-bottom:20px}
.div_02{ width:100%; float:left; overflow:hidden}
.div_02 li{ width:22%; margin-right:4%; float:left; overflow:hidden; display:inline; line-height:30px; font-size:14px; color:#fff;}
.div_02 li.li_a4{ margin-right:0}
.div_02 li img{ width:100%; float:left; overflow:hidden; margin-bottom:5px}
.div_02 li h4{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; text-align:center}
.div_02 li a{ font-size:14px; color:#666; font-weight:normal; }
.div_02 li a:hover{ color:#0089db; text-decoration:underline}

.kehu_01{ width:100%; float:left; overflow:hidden}
.kehu_01 dl{ width:33.33%; float:left; overflow:hidden; margin-bottom:15px}
.kehu_01 dl dd{ width:100%; text-align:center;}
.kehu_01 dl dd img{ border:1px solid #ddd}
.kehu_01 dl dt{ width:100%; float:left; text-align:center; line-height:30px; height:30px; overflow:hidden}
.kehu_01 dl dt a{ color:#333; font-size:15px}
.kehu_01 dl dt a:hover{ text-decoration:underline; color:#00a0e9}