@charset "utf-8";
/* CSS Document */
.about_1{ background:url(ny_about.jpg) no-repeat center 0; background-size:cover}
.about_1 h1{ width:100%; float:left; overflow:hidden; text-align:center; margin-top:150px; font-size:49px; color:#fff; line-height:56px; margin-bottom:10px}
.about_1 h2{ width:100%; float:left; overflow:hidden; text-align:center; font-size:26px; color:#fff; font-weight:normal; line-height:40px; margin-bottom:50px}

.ab_body{ width:70%; padding:0 15%; float:left; overflow:hidden; margin-bottom:70px }
.ab_body div,.ab_body p{font-size:16px; color:#fff; margin-bottom:15px}

.about_1 dl{ width:70%; padding:0 15%;  float:left; overflow:hidden;}
.about_1 dl dd{ width:25%; float:left; overflow:hidden; background:rgba(255,255,255,.9); border:1px solid rgba(0,0,0,.1); -moz-box-sizing: border-box; box-sizing: border-box; border-right:none; padding:40px 0; transition:all 0.5s}

.about_1 dl h6{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:15px; height:50px;transition:all 0.5s}
.about_1 dl h6 img:last-child{ display:none}
.about_1 dl h4{ width:100%; float:left; overflow:hidden; font-weight:normal; font-size:17px; color:#333; text-align:center}
.about_1 dl dd:hover{ background:rgba(255,255,255,.99)}
.about_1 dl dd:hover h4{ color:#0d6bca}
.about_1 dl dd:hover h6{transform:rotateY(180deg)}

/********企业文化 ************/
.wh_1{ padding:50px 0; background:#fff}
.dl_ty5{ margin-bottom:50px}
.wh_11{ width:100%; float:left; overflow:hidden; display:flex; justify-content:space-between;flex-wrap:wrap}
.wh_11 dl{ width:49%; background:#f5f5f5; margin-bottom:40px ; position:relative}
.wh_11 dl img{ display:block; float:left; overflow:hidden; width:100%;}
.wh_11 dl ul{ width:50%; position:absolute; left:48%; top:50px; height:100%; z-index:9; overflow:hidden; }
.wh_11 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:26px; color:#fff; margin-bottom:10px}
.wh_11 dl dd{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#fff;}

/********生产设备 ************/
.sb_1{ padding:50px 0; background:#fff}
.sb_01{ width:100%; float:left; overflow:hidden}
.sb_01 dl{ width:32%; float:left; overflow:hidden; margin-bottom:35px; position:relative; margin-right:2%}

.sb_01 dl h4{ width:100%; float:left; overflow:hidden;}
.sb_01 dl h4 img{ width:100%; float:left; overflow:hidden; }
.sb_01 dl ul{ position:absolute; width:100%; background:rgba(0,0,0,.5); z-index:2; padding:10px 30px; left:0; bottom:0;transition: all 0.35s; -moz-box-sizing: border-box; box-sizing: border-box; }
.sb_01 dl dt { width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:5px}
.sb_01 dl dt a{ font-size:21px; font-weight:bold; color:#fff; }
.sb_01 dl dd{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#fff;  height:26px;transition: all 0.35s;}



/********资质荣誉 ************/

.zz_01{ width:100%; float:left; overflow:hidden}
.zz_01 dl{ width:18.6%; float:left; overflow:hidden; margin-right:1.75%;}

.zz_01 dd{ width:100%; float:left; overflow:hidden; border:1px solid #ddd; padding:10px; text-align:center; box-sizing:border-box; margin-bottom:5px; background:#fff}
.zz_01 dd img{ max-width:100%}
.zz_01 dl:hover dd{ border:1px solid rgba(0,99,199,.5)}
.zz_01 dt{ width:100%; float:left; overflow:hidden; height:36px; line-height:36px; text-align:center; }
.zz_01 dt a{ font-size:16px; color:#333; }
.zz_01 dt a:hover{ color:#0063c7; text-decoration:underline}

.wh_2,sb_2{ padding-bottom:0}
.zz_11{ background:#f6f7f9}
.zz_11 .dl_ty5 h5 span{ background:#f6f7f9;}
.zz_11 .zz_01 dd{  border:1px solid #e0e0e0;}

.h4_more{ width:100%; display:flex; overflow:hidden;justify-content:center; padding-top:40px}
.h4_more a{ display:block; width:150px; height:43px; border:1px solid #ddd; font-size:16px; text-align:center; line-height:43px; font-weight:normal; color:#888; border-radius:23px; }
.h4_more a:hover{ border:1px solid #0063c7; background:#0063c7; color:#fff}


@media (max-width:767px){
.about_1{ padding-bottom:15px}
.about_1 h1{  margin-top:30px; font-size:23px;  line-height:30px;}
.about_1 h2{  text-align:center; font-size:15px; line-height:22px; margin-bottom:20px}

.ab_body{ width:100%; padding:0; margin-bottom:20px }
.ab_body div,.ab_body p{font-size:12px;; margin-bottom:5px}

.about_1 dl{ width:100%; padding:0;  }
.about_1 dl dd{ width:49.5%; margin-right:1%; background:rgba(255,255,255,.9); border:none; padding:20px 0; margin-bottom:5px}
.about_1 dl dd:nth-child(2n){ margin-right:0}

.about_1 dl h6{  margin-bottom:15px; height:50px; display:flex; justify-content:center;}
.about_1 dl h6 img:first-child{ display:none}
.about_1 dl h6 img:last-child{ display:block; height:50px}
.about_1 dl h4{ width:100%; float:left; overflow:hidden; font-weight:normal; font-size:17px; color:#333; text-align:center}
.about_1 dl dd:hover{ background:rgba(255,255,255,.99)}
.about_1 dl dd:hover h4{ color:#0d6bca}
.about_1 dl dd:hover h6{transform:rotateY(180deg)}

/********企业文化 ************/
.wh_1{ padding:15px 0 0;}
.dl_ty5{ margin-bottom:10px}
.wh_11{ width:100%; float:left; overflow:hidden; display:flex; justify-content:space-between;flex-wrap:wrap}
.wh_11 dl{ width:100%; background:#f5f5f5; margin-bottom:15px ; position:relative;}

.wh_11 dl ul{ width:70%; position:absolute; left:25%; top:0px; height:100%; z-index:9; overflow:hidden; display:flex; flex-wrap:wrap; align-content:center }
.wh_11 dl dt{ line-height:23px; font-size:17px; margin-bottom:5px; margin-top:0; font-weight:bold}
.wh_11 dl dd{line-height:18px; font-size:14px;}

/********生产设备 ************/
.sb_1{ padding:15px 0 15px;  }
.sb_01{ padding-top:0px}
.sb_01 dl{ width:49%; margin-bottom:10px; position:relative; margin-right:2%}
.sb_01 dl:nth-child(2n){ margin-right:0}
.sb_01 dl ul{ position:absolute; width:100%; background:rgba(0,0,0,.5); z-index:2; padding:5px 15px; left:0; bottom:0;}
.sb_01 dl dt { width:100%; float:left; overflow:hidden; line-height:20px; height:20px; }
.sb_01 dl dt a{ font-size:12px; font-weight:bold; color:#fff; }
.sb_01 dl dd{ display:none}

.h4_more{ padding-top:10px; margin-bottom:5px}
.h4_more a{  width:140px; height:36px;font-size:16px; line-height:36px;  border-radius:18px; }

/********资质荣誉 ************/

.zz_11{ padding-top:15px}
.zz_01 dl{ width:49%; float:left; overflow:hidden; margin-right:2%; margin-bottom:10px}
.zz_01 dl:nth-child(2n){ margin-right:0}
.zz_01 dt{ width:100%; float:left; overflow:hidden; height:20px; line-height:20px; text-align:center; white-space: nowrap; text-overflow:ellipsis;    }
.zz_01 dt a{ font-size:12px; color:#333; }

}


@media (min-width:768px){
.about_1{margin-top:85px; height:800px}
.sb_01 dl:hover ul{ padding-bottom:44px; background:rgba(0,95,195,.85)}
.sb_01 dl:hover dd{ height:52px}
.zz_01 dl:nth-child(5n){ margin-right:0}
.sb_01 dl:nth-child(3n){ margin-right:0}
}