@charset "utf-8";
/* CSS Document */

/*导航部分*/
.top{ width:100%; height:100px;}
.top_z{ width:1200px; height:100px; margin:auto; }
.logo{ width:360px; height:100px; float:left; background:url(../images/logo.png);}

.top_z ul li a{ display:block; width:100px; height:98px; float:left; margin-left:20px; font-size:18px; text-align:center; line-height:98px; color:#000;}
.top_z ul li a:hover{  border-bottom:2px solid #00a680;}

/*banner*/
.banner{ width:100%; height:440px; background:#CCC;}

/*banner分类*/
.banner_fl{ width:224px; height:450px;  background-color:rgba(0,166,128,0.65); position:absolute; z-index:99; margin-top:-450px; margin-left:358px; }


.banner_hlcd{ width:224px; height:44px; }
.banner_hlcd ul li{ display:block; width:224px; height:44px; font-size:14px; line-height:44px;  }

.banner_hlcd ul li ul li2{ display:none; width:850px; height:450px; background:#fff; margin-left:224px; margin-top:-44px; position:absolute; z-index:1; }
.banner_hlcd ul li:hover ul li2{ display:block;}
.flan{ width:190px; height:43px; border-bottom:1px solid #53cfb3;}


.ccfl{ width:800px; height:30px; margin-top:10px; border-bottom:1px solid #CCC;}
.ccfln1{ width: auto; height:30px;  float:left; }
.ccfln1 a:hover{ color:#00a680;}
.ccfln1 a{ color:#000; font-size:14px; line-height:30px; font-weight:bold; }

.ccfln2{ width: auto; height:30px;  float:left; margin-left:12px;}
.ccfln2 a{ color:#333; line-height:30px; }
.ccfln2 a:hover{ color:#00a680;}
.ccfln3{ width:1px; height:14px; background:#ccc; float:left; margin-left:12px; margin-top:10px;}

.ccf2{ width:800px; height:30px; ; margin-top:20px; border-bottom:1px solid #CCC;}

.ccfln4{ width: auto; height:30px;  float:left; margin-left:12px;}
.ccfln4 a{ color:#333; line-height:30px; font-weight:bold; }
.ccfln4 a:hover{ color:#00a680;}

.banner_hlcd ul li ul li3{ display:none; width:850px; height:450px; background:#fff; margin-left:224px; margin-top:-88px; position:absolute; z-index:1; }
.banner_hlcd ul li:hover ul li3{ display:block;}

.banner_hlcd ul li ul li4{ display:none; width:850px; height:450px; background:#fff; margin-left:224px; margin-top:-132px; position:absolute; z-index:1; }
.banner_hlcd ul li:hover ul li4{ display:block;}

.banner_hlcd ul li ul li5{ display:none; width:850px; height:450px; background:#fff; margin-left:224px; margin-top:-176px; position:absolute; z-index:1; }
.banner_hlcd ul li:hover ul li5{ display:block;}

.banner_hlcd ul li ul li6{ display:none; width:850px; height:450px; background:#fff; margin-left:224px; margin-top:-220px; position:absolute; z-index:1; }
.banner_hlcd ul li:hover ul li6{ display:block;}

.banner_hlcd ul li ul li7{ display:none; width:850px; height:450px; background:#fff; margin-left:224px; margin-top:-264px; position:absolute; z-index:1; }
.banner_hlcd ul li:hover ul li7{ display:block;}

.banner_hlcd ul li ul li8{ display:none; width:850px; height:450px; background:#fff; margin-left:224px; margin-top:-264px; position:absolute; z-index:1; }
.banner_hlcd ul li:hover ul li8{ display:block;}


/*首页中部分类*/
.zbfl_bt{ width:1200px; height: auto;  margin:auto; margin-top:90px; font-size:28px; text-align:center; font-weight:bold; color:#333;  }
.zbfl_bt2{ width:1200px; height:auto;  margin:auto;  margin-top:30px; font-size:16px; text-align:center; color:#333;}

.zb_flank{ width:1200px; height:400px;  margin:auto; margin-top:78px; color:#000;  }

.zb_tp1{ width:198px; height:400px; background:url(../img/1.png); float:left;}
.zb_tp2{ width:198px; height:400px; background:url(../img/2.png); float:left; margin-left:2px;}
.zb_tp3{ width:198px; height:400px; background:url(../img/3.png); float:left; margin-left:2px;}
.zb_tp4{ width:198px; height:400px; background:url(../img/4.png); float:left; margin-left:2px;}
.zb_tp5{ width:198px; height:400px; background:url(../img/5.png); float:left; margin-left:2px;}
.zb_tp6{ width:198px; height:400px; background:url(../img/6.png); float:left; margin-left:2px;}


/*公司简介*/
.about{ width:100%; height:420px; background:#f3f3f3; margin-top:90px;}
.about_nr{ width:1200px; height:420px;  margin:auto;}
.sp{ width:500px; height:374px; background:#000; float:left; margin-top:22px;}

.jj{ width:670px; height:374px;  float:left; margin-top:22px; margin-left:30px; }
.about_bt{ width:670px; height: auto;  font-size:20px; font-weight:bold;  color:#00a680; }
.about_btx{ width:670px; height:2px;  float:left; margin-top:10px;}
.about_btx2{ width:160px; height:2px; background:#00a680; float:left; }
.about_nrq{ width:670px; height:316px;  float:left; margin-top:20px; font-size:14px; color:#333;}



/*新闻动态*/
.xw_flank{ width:1200px; height:350px; margin:auto; margin-top:78px;   }
.wx_flnbk{ width:362px; height:350px;    float:left;}
.wx_flnbk2{ width:362px; height:350px;    float:left; margin-left:57px;}
.xw_tp{ width:362px; height:190px; }
.xw_bt{ width:362px; height:auto;   font-size:14px; margin-top:14px; color:#333; font-weight:bold;}
.xw_rq{ width:362px; height:auto;   margin-top:6px; font-size:14px; color:#999;}
.xw_hx{ width:362px; height:2px; background:#f3f3f3; margin-top:14px;}
.xwjj_nr{ width:362px; height:auto; font-size:14px; color:#333333;  margin-top:14px;}


/*页脚*/
.db_yj{ width:100%; height:234px; background:#f3f3f3; margin-top:80px; border-top:2px solid #00a680;}
.db_zd{ width:1200px; height:142px; margin:auto; margin-top:30px;}
.db_guishu{ width:100%; height:30px; background: #00a680; margin-top:30px;}
.db_bqwz{ width:1200px; height:30px;  margin:auto; text-align:center; font-size:14px; color:#fff; line-height:30px;}

.db_dhfl{ width:140px; height:142px;  float:left; border-right:1px solid #ccc;}
.db_dhfl1{ width:140px; height:142px;  float:left; border-right:1px solid #CCCCCC; margin-left:30px;}
.db_dhan{ width:100px; height:auto;  font-size:14px; margin-top:20px;}
.db_dhan a{ color:#666666;}
.db_dhan a:hover{color:#00a680;}

.db_lxdh{ width:314px; height:142px; background:url(../images/dhx.png); float:left; margin-left:50px; }
.db_ewm{ width:142px; height:142px; background:url(../images/ewm.jpg); float:right;}

/*关于我们页面*/
.about_banner{ width:100%; height:160px; background:url(../images/xbanner1.jpg);}
.about_dsp{ width:1060px; height:597px;  margin:auto; margin-top:60px;}
.about_js{ width:1200px; height:auto;  margin:auto; margin-top:40px;}
.about_dbt{ width:1200px; height: autopx; font-size:24px; text-align:center; font-weight:bold;}
.about_dnr{ width:1200px; height:auto; font-size:14px; color:#333; margin-top:20px;}

.about_gd{ width:100%; height:180px; background: url(../images/gybj.jpg); margin-top:60px;}
.about_gdz{ width:1200px; height:180px; margin:auto; background:#F00;}

.about_lc{ width:1200px; height: auto;  margin:auto; margin-top:60px; font-size:24px; text-align:center; font-weight:bold;}
.about_lct{ width:1200px; height:1000px; background:#CCC; margin:auto; margin-top:40px; }

/*荣誉证书页面*/
.zs_xbanner{ width:100%; height:160px; background:url(../images/xbanner1.jpg);}
.zx_bt{ width:1200px; height:auto; margin:auto; margin-top:90px; font-size:24px; text-align:center; font-weight:bold;}
.zx_cj{ width:1200px; height:242px;  margin:auto; margin-top:70px;}

.zc_tp{ width:200px; height:auto; float:left; }
.zc_tp2{ width:200px; height:auto; float:left;  margin-left:133.2px;}

.zx_tp{ width:200px; height:200px;}
.zx_tpwz{ width:200px; height:auto; text-align:center; font-size:16px; color:#333; margin-top:20px; }

.zx_nrbf{ width:100%; height:500px; background:url(../images/zhy.jpg); margin-top:90px;}
.zx_zxt{ width:1200px; height:740px; margin:auto;  margin-top:80px;}

.zx_tnr{ width:284px; height:360px; float:left; }
.zx_tnr2{ width:284px; height:360px; float:left;  margin-left:21px;}

.zx_tnr3{ width:284px; height:360px; float:left;  margin-top:20px;}
.zx_tnr4{ width:284px; height:360px; float:left; margin-left:21px; margin-top:20px;}

/*联系我们页面*/
.lxwm_banner{ width:100%; height:160px; background:url(../images/xbanner1.jpg);}

.lxwm_nr{ width:1200px; height:290px;  margin:auto; margin-top:60px;}

.lxwm_znr{ width:980px; height:290px;  float:left;}

.lxwm_dh{ width:980px; height:40px; }
.lxwm_tb{ width:40px; height:40px; float:left;}
.lxwm_nbht{ width:750px; height:40px;  float:left; margin-left:10px; font-size:16px; font-weight:bold; line-height:40px;}

.lxwm_gd{ width:980px; height:1px; background:#CCC; margin-top:30px; margin-bottom:30px;}

.lxwm_dh1{ width:980px; height:81px; }
.lxwm_tb1{ width:40px; height:auto; float:left;}
.lxwm_nbht1{ width:750px; height:auto;  float:left; margin-left:10px; font-size:16px;line-height:40px;}

.lwm_mry{ width:200px; height:200px;  float:right;}


/*工程案例页面*/
.gcal_banner{ width:100%; height:160px; background:url(../images/xbanner1.jpg);}

.al_nr{ width:1200px; height:730px;  margin:auto; margin-top:60px;}

.al_zyzs{ width:270px; height:342px;  float:left;}
.al_zyzs1{ width:270px; height:342px;  float:left; margin-left:195px;}

.al_zyzs2{ width:270px; height:342px;  float:left; margin-top:40px;}
.al_zyzs3{ width:270px; height:342px; float:left; margin-left:195px; margin-top:40px;}

.al_tp{ width:270px; height:180px; background:#039;}
.al_xbt{ width:270px; height:40px;  margin-top:10px; border-bottom:1px dashed #CCC; font-size:14px; color:#333; line-height:40px;}
.al_btnr{ width:270px; height:100px;  margin-top:10px; font-size:14px; color:#333;}


/*产品中心页面*/
.cp_banner{ width:100%; height:160px; background:url(../images/xbanner1.jpg);}

.cp_flan{ width:1200px; height:218px;  margin:auto; margin-top:80px;}
.cp_flan2{ width:1200px; height:218px;  margin:auto; margin-top:10px;}
.cp_antp{ width:390px; height:212px; background:#F00; float:left; margin-left:2px;}
.cp_antp:hover{ border:4px solid #00a680;}
.cp_antp1{ width:390px; height:212px; background:#F00; float:left; margin-left:10px; }
.cp_antp1:hover{ border:4px solid #00a680;}

/*产品列表页*/
.lb_banner{ width:100%; height:160px; background:url(../images/xbanner1.jpg);}
.lb_zbd{ width:1200px; height: auto;  margin:auto; margin-top:40px;}

.lb_zcnr{ width:190px; height: auto;  float:left;}
.lb_ycnr{ width:1000px; height: auto;  float:right;}

.lb_fl{ width:188px; height: auto; border:1px solid #CCC;}
.lb_bt{ width:188px; height:40px; background:#00a680; font-size:18px; font-weight:bold; text-align:center; line-height:40px; color:#FFF;}
.lb_fl ul li a{ display:block; width:180px; height:40px; border-bottom:1px dashed #CCC; margin:auto; text-align:center; font-size:14px; line-height:40px; color:#333;}
.lb_fl ul li a:hover{ color:#00a680; border-bottom:1px dashed #00a680;}

.lb_lxfs{ width:188px; height: auto; border:1px solid #ccc; margin-top:40px;}
.lb_lx{ width:188px; height:30px; margin-top:10px;}
.lb_lx1{ width:188px; height:30px;  margin-top:10px; margin-bottom:10px;}
.lb_dht{ width:30px; height:30px;  float:left;}
.lb_dhtnr{ width:158px; height:30px;   float:left;   font-size:13px; line-height:30px; }

.lb_ycbt{ width:998px; height:38px; border:1px solid #CCC; }
.lb_ysx{ width:6px; height:20px; background:#00a680; margin-top:8px; float:left;}
.lb_ycbtz{ width:auto; height:38px;  float:left; margin-left:20px; font-size:16px; line-height:38px; font-weight:bold;}

.lb_cpb{ width:1000px; height:30px; border-bottom:1px dashed #CCC; margin-top:40px; font-size:16px; line-height:30px; font-weight:bold; color:#00a680;}

.lb_cplb{ width:1000px;  height:240px;  margin-top:10px;} 

.lb_cpk{ width:242px; height:240px;  float:left;} 
.lb_cpk1{ width:242px; height:240px;  float:left; margin-left:10px;} 
.lb_cpt{ width:242px; height:200px; background:#CCC;}
.lb_cpmc{ width:242px; height:30px;  margin-top:10px; font-size:14px; text-align:center; line-height:30px; color:#333;}

.lb_cpk2{ width:242px; height:240px;  float:left; margin-top:20px;} 
.lb_cpk3{ width:242px; height:240px;  float:left; margin-left:10px; margin-top:20px;}