@charset "utf-8";
/* CSS Document */
.ab_21{ width:100%; float:left; overflow:hidden; margin-bottom:25px; display:flex; justify-content:space-between ; flex-wrap:wrap }
.ab_21 li{ width:48.9%; float:left; overflow:hidden}
.ab_21 li img{ width:100%;}


.ab_01{ width:500px; float:left; overflow:hidden; margin-right:95px; display:none}
.ab_01 img{ width:100%}
.ab_02{ width:805px; width:100%; float:left; overflow:hidden}
.dl_01{ width:100%; float:left; overflow:hidden; margin-bottom:30px}
.dl_01 h5{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; font-weight:normal; color:#005fc3; padding-left:75px; background:url(ab_line01.gif) no-repeat 0 center;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom:20px;}
.dl_01 dt{ width:100%; float:left; overflow:hidden; font-size:35px; color:#1b1f2e; line-height:40px; margin-bottom:5px}
.dl_01 dd{ width:100%; float:left; overflow:hidden; font-size:21px; color:#1b1f2e; line-height:30px; text-transform:uppercase}


.dl_02{ width:100%; float:left; overflow:hidden; margin-bottom:40px; display:none}
.dl_02 dt{ width:auto; float:left; line-height:34px; color:#1b1f2e; font-size:18px; margin-right:15px; font-weight:bold}
.dl_02 dd{ width:auto; float:left; overflow:hidden; line-height:34px; color:#005fc3; font-size:19px; margin-right:10px; font-weight:bold}
.dl_02 h5{ width:auto; float:left; overflow:hidden; line-height:34px; }
.dl_02 h5 a{ display:block; float:left; padding:0 55px 0 27px; border-radius:17px; height:34px; font-size:16px; font-weight:normal; background:#005fc3 url(more_21.png) no-repeat 105px center; color:#fff; transition: all 0.3s;}
.dl_02 h5 a:hover{ background:#fe9703 url(more_21.png) no-repeat 115px center}

.ul_01{ width:100%; float:left; overflow:hidden}
.ul_01 p,.ul_01 div{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:#6c7a8c; margin-bottom:15px;}
.ab_03{ padding:35px 0 100px; background:#f5f7fc url(map.png) no-repeat center 0; background-size:100%}
.ty05{ margin:0 auto; overflow:hidden}

/********* 优势 ****************/
.advantage{ background:url(advantage.jpg) no-repeat center 0; background-size:100% 100%}
.advantage01{ width:100%;  overflow:hidden;}
.advantage01 .h6-01{ margin-bottom:80px}
.dl03{ width:335px; float:left; overflow:hidden; margin-right:20px; background:rgba(255,255,255,.9); padding:25px 0px;
transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; }
.dl03 h5{ display:block; float:left; overflow:hidden; width:100%;  text-align:center; margin-bottom:10px; }
.dl03 h5 img{ width:130px; height:130px; 
transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out;}
.dl03:hover h5 img{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
.dl03  ul{ width:100%; float:left; overflow:hidden}
.dl03 dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:19px; margin-bottom:10px; color:#222; text-align:center; font-weight:bold}
.dl03 dd{ width:100%; padding:0 5%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#666; text-align:center;-moz-box-sizing: border-box; box-sizing: border-box; }
.m_r0{ margin-right:0}


.ab_04{ width:100%; float:left; overflow:hidden; margin-bottom:50px}
.ab_04 dl{ width:690px; float:left; overflow:hidden; margin-bottom:15px }
.ab_04 dl:nth-child(2n-1){ margin-right:20px}
.ab_04 dl dd{ width:100%; float:left; overflow:hidden; margin-bottom:10px}
.ab_04 dl dd img{ width:100%; display:block; float:left; overflow:hidden}
.ab_04 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:19px; color:#333}


/********企业文化 ************/
.wh_01{ padding-bottom:20px}
.dl_05{ width:675px; padding:100px 0 0 300px; height:300px; float:left; overflow:hidden;  background:#f5f5f5; margin-bottom:40px ;-moz-box-sizing: border-box; box-sizing: border-box; }
.dl_05 ul{ width:100%; float:left; overflow:hidden}
.dl_05 dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:21px; color:#fff; margin-bottom:10px}
.dl_05 dd{ width:95%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#fff;}

.dl_05a{ background:url(dl_01a.jpg) no-repeat 0 0; margin-right:50px;}
.dl_05b{ background:url(dl_01b.jpg) no-repeat 0 0;  }
.dl_05c{ background:url(dl_01c.jpg) no-repeat 0 0; margin-right:50px;}
.dl_05d{ margin-right:0;background:url(dl_01d.jpg) no-repeat 0 0;}
.dl_05e{ background:url(dl_01e.jpg) no-repeat 0 0; margin-right:50px}
.dl_05f{ margin-right:0;background:url(dl_01f.jpg) no-repeat 0 0;  margin-right:0}

.ul_11{ width:100%; float:left; overflow:hidden; margin-bottom:20px}
.ul_11 li{ width:675px; float:left; overflow:hidden; margin-bottom:25px}
.ul_11 li:nth-child(1),.ul_11 li:nth-child(3){ margin-right:25px}
.ul_11 li img{ width:100%}

/********资质************/
.zz_01{ padding-bottom:30px}
.zizhi_01{ width:100%; float:left; overflow:hidden; }
.zizhi_01 dl{ width:332px; float:left; overflow:hidden; margin-bottom:30px; margin-right:24px}
.zizhi_01 dl dd{ width:310px;  float:left; overflow:hidden;padding:10px; margin-bottom:10px; border:1px solid #eee }
.zizhi_01 dl img{width:100%; float:left; overflow:hidden;}
.zizhi_01 dl dt{ width:100%; float:left; overflow:hidden; text-align:center; line-height:30px; }
.zizhi_01 dl dt a{ font-size:16px; color:#333}
.zizhi_01 dl a:hover{ color:#005fc3; text-decoration:underline}
.zizhi_01 dl:hover dd{ border:2px solid rgba(0,95,195,.4); padding:9px}

/********厂房************/
.chang_01{ width:100%; float:left; overflow:hidden;}
.chang_01 dl{ width:440px; margin-right:40px; float:left; overflow:hidden; margin-bottom:30px; position:relative; cursor:pointer}
.chang_01 dl dd{ width:100%; float:left; overflow:hidden;  margin-bottom:10px}
.chang_01 dl img{width:100%; float:left; overflow:hidden;}
.chang_01 dl dt{ width:100%; float:left; overflow:hidden;height:50px; line-height:50px; font-size:21px; color:#333; text-align:center}
.chang_01 dl dt a{ font-size:21px; color:#333}

.top_50{ padding-top:50px}
.m_20{ margin-bottom:20px}
.m_50{ margin-bottom:50px}



@media (max-width:767px){
.ty_11a{ padding-top:20px}
.ab_01{ width:100%}
.ab_02{ width:100%; padding-top:15px}
.dl_01{ width:100%; margin-right:0; margin-bottom:20px}
.dl_01 h5{ line-height:30px; font-size:16px;  padding-left:60px; margin-bottom:5px;}
.dl_01 dt{ font-size:26px; line-height:30px; margin-bottom:0px}
.dl_01 dd{  font-size:16px; line-height:22px;}

.ab_21 li{ width:100%;  margin-bottom:10px}

.dl_02{margin-bottom:20px}
.dl_02 dt{font-size:16px; margin-right:5px;}
.dl_02 dd{font-size:19px; margin-right:5px;}
.dl_02 h5{ width:100%; float:left; overflow:hidden; line-height:34px; }
.dl_02 h5 a{ display:block; float:left; padding:0 40px 0 15px; border-radius:17px; height:34px; font-size:14px; font-weight:normal; background:#005fc3 url(more_21.png) no-repeat 80px center; color:#fff; transition: all 0.3s;}
.dl_02 h5 a:hover{ background:#fe9703 url(more_21.png) no-repeat 90px center}
.ul_01{ margin-bottom:5px}
.ul_01 p,.ul_01 div{line-height:26px; font-size:14px; margin-bottom:10px;}

.ab_04{  margin-bottom:0px}
.ab_04 dl{ width:100%; margin-bottom:15px;}
.ab_04 dl:nth-child(2n-1){ margin-right:0px}
.ab_04 dl dt{ font-size:14px}

.ab_03{ padding:15px 0 10px}
.dl03{ width:100%; margin-right:0px; padding:25px 0px; margin-bottom:10px }
.dl03 dt{font-size:17px; margin-bottom:5px; }
.dl03 dd{ padding:0 8%;  font-size:14px;  }

.wh_01{ padding-bottom:0px}
.dl_05{ width:100%; padding:0px 0 0 50px; height:200px ;margin-bottom:20px ; display:flex; align-items:center }
.dl_05 ul{ width:100%;}
.dl_05 dt{  line-height:30px; font-size:18px;  margin-bottom:10px;}
.dl_05 dd{ line-height:22px; font-size:14px;}

.dl_05a,.dl_05c,.dl_05f{  margin-right:0px;}
.dl03 h5 img{ width:100px; height:100px}

.ul_11{ margin-bottom:10px}
.ul_11 li{ width:100%;margin-bottom:10px}
.ul_11 li:nth-child(1),.ul_11 li:nth-child(3){ margin-right:0px}

.zz_01{ padding-bottom:10px}
.zizhi_01 dl{ width:48%; margin-bottom:5px; margin-right:0px}
.zizhi_01 dl:nth-child(2n-1){ margin-right:4%}
.zizhi_01 dl dd{ width:100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.zizhi_01 dl dt{ line-height:16px; height:32px }
.zizhi_01 dl dt a{ font-size:12px;}

.chang_01 dl{ width:48%; margin-right:4%; margin-bottom:10px; }
.chang_01 dl:nth-child(2n){ margin-right:0}
.chang_01 dl dt{ height:20px; line-height:20px; font-size:14px;}
.chang_01 dl dt a{ font-size:14px;}


.m_50{ margin-bottom:20px}
.dl_ty5a{ padding-top:5px; margin-bottom:0px}
}

/*  max-width:750px  */
@media screen and (min-width:768px) and (max-width:991px){
.ab_01{ display:none}
.ab_02{ width:100%;}
.ul_01 p,.ul_01 div{line-height:26px; font-size:14px; margin-bottom:15px;}

.dl_01{ margin-bottom:10px}
.dl_01 h5{ margin-bottom:10px;}
.dl_01 dt{font-size:26px;line-height:30px;}
.dl_01 dd{font-size:16px; line-height:20px;}
.dl_02{ margin-bottom:20px}

.ab_04 dl{ width:365px}
.ab_04 dl dt{ font-size:16px}

.dl03{ width:365px; margin-bottom:20px}
.dl03b{ margin-right:0}
.dl03 dd{ padding:0 30px; line-height:25px; height:50px; font-size:14px;}
.dl_05{ width:100%; padding:100px 0 0 150px; margin-right:0; background-size:100% 100%; margin-bottom:30px}

.ul_11 li{ width:370px; margin-bottom:15px}
.ul_11 li:nth-child(1),.ul_11 li:nth-child(3){ margin-right:10px}

.zizhi_01 dl{ width:332px; margin-right:86px}
.zizhi_01 dl:nth-child(2n){ margin-right:0}

.chang_01 dl{ width:48.5%; margin-right:3%; }
.chang_01 dl.dl_cf2,.chang_01 dl.dl_cf4,.chang_01 dl.dl_cf6,.chang_01 dl.dl_cf8,.chang_01 dl.dl_cf10,.chang_01 dl.dl_cf12,.chang_01 dl.dl_cf14{ margin-right:0}
.chang_01 dl dt{ font-size:18px;}
.chang_01 dl dt a{ font-size:18px;}

.ab_21 li{ width:100%;  margin-bottom:10px}

}

/*  max-width:960px  */
@media screen and (min-width:992px) and (max-width:1199px){
.ab_01{ width:400px; margin-right:40px}
.ab_02{ width:100%;}
.ul_01 p,.ul_01 div{line-height:26px; font-size:14px; margin-bottom:15px;}

.dl_01{ margin-bottom:10px}
.dl_01 h5{ margin-bottom:10px;}
.dl_01 dt{font-size:26px;line-height:30px;}
.dl_01 dd{font-size:16px; line-height:20px;}
.dl_02{ margin-bottom:15px}

.ab_04 dl{ width:470px}
.ab_04 dl dt{ font-size:18px}

.dl03{ width:225px;}
.dl03 dd{ padding:0 10px; line-height:20px; height:40px; font-size:12px;}
.dl_05{ width:465px; padding:100px 0 0 100px;}
.dl_05a{ margin-right:30px}
.dl_05c{ margin-right:30px}
.dl_05e{ margin-right:30px}

.ul_11 li{ width:475px; margin-bottom:15px}
.ul_11 li:nth-child(1),.ul_11 li:nth-child(3){ margin-right:10px}

.zizhi_01 dl{ width:304px; margin-right:24px}
.zizhi_01 dl:nth-child(3n){ margin-right:0}
.zizhi_01 dl dd{ width:282px;  float:left; overflow:hidden;padding:10px; margin-bottom:10px; border:1px solid #eee }
.zizhi_01 dl dd img{ width:100%}
.zizhi_01 dl dt a{ font-size:14px;}

.chang_01 dl{ width:48.5%; margin-right:3%; }
.chang_01 dl.dl_cf2,.chang_01 dl.dl_cf4,.chang_01 dl.dl_cf6,.chang_01 dl.dl_cf8,.chang_01 dl.dl_cf10,.chang_01 dl.dl_cf12,.chang_01 dl.dl_cf14{ margin-right:0}
.chang_01 dl dt{ font-size:18px;}
.chang_01 dl dt a{ font-size:18px;}


}


/*  max-width:1140px  */
@media screen and (min-width:1200px) and (max-width:1439px){
.ab_01{ margin-right:45px}
.ab_02{ width:100%;}	

.dl_01{ margin-bottom:15px}
.dl_01 h5{ margin-bottom:10px;}
.dl_01 dt{font-size:30px;line-height:35px;}
.dl_01 dd{font-size:18px; line-height:26px;}
.dl_02{ margin-bottom:20px}

.ab_04 dl{ width:560px}

.dl03{ width:270px;}
.dl03 dd{ padding:0 15px; line-height:25px; height:50px; font-size:14px;}

.dl_05{ width:550px; padding:100px 0 0 200px;}
.dl_05a{ margin-right:40px}
.dl_05c{ margin-right:40px}
.dl_05e{ margin-right:40px}

.ul_11 li{ width:560px; margin-bottom:20px}
.ul_11 li:nth-child(1),.ul_11 li:nth-child(3){ margin-right:20px}


.zizhi_01 dl{ margin-right:72px}
.zizhi_01 dl:nth-child(3n){ margin-right:0}

.chang_01 dl{ width:31.33%; margin-right:3%; }
.chang_01 dl.dl_cf1,.chang_01 dl.dl_cf2{ width:48.5%;}
.chang_01 dl.dl_cf2,.chang_01 dl.dl_cf5,.chang_01 dl.dl_cf8,.chang_01 dl.dl_cf11,.chang_01 dl.dl_cf14,.chang_01 dl.dl_cf17{ margin-right:0}
.chang_01 dl dt{ font-size:18px;}
.chang_01 dl dt a{ font-size:18px;}

}

@media (min-width:1440px){

.zizhi_01 dl:nth-child(4),.zizhi_01 dl:nth-child(8),.zizhi_01 dl:nth-child(12),.zizhi_01 dl:nth-child(16){ margin-right:0}

.chang_01 dl.dl_cf1,.chang_01 dl.dl_cf2{ width:680px;}
.chang_01 dl.dl_cf2,.chang_01 dl.dl_cf5,.chang_01 dl.dl_cf8,.chang_01 dl.dl_cf11,.chang_01 dl.dl_cf14,.chang_01 dl.dl_cf17{ margin-right:0}

}