@charset "utf-8";
/* CSS Document */
.wenhua{position:relative; margin-bottom:110px}
.tabcon{ width:100%; height:100%;}
.tabcon>div{ width:100%; height:100%; transition:all 0.35s}
#con_one_1{ background:url(wh_bg1.jpg) no-repeat center center; background-size:cover}
#con_one_2{ background:url(wh_bg2.jpg) no-repeat center center; background-size:cover}
#con_one_3{ background:url(wh_bg3.jpg) no-repeat center center; background-size:cover}
#con_one_4{ background:url(wh_bg4.jpg) no-repeat center center; background-size:cover}
#con_one_5{ background:url(wh_bg5.jpg) no-repeat center center; background-size:cover}
#con_one_6{ background:url(wh_bg6.jpg) no-repeat center center; background-size:cover}
.wenhua .ty_dl01{ margin-top:150px}
.wenhua .ty_dl01 dt{ color:#fff}
.wenhua .ty_dl01 dd{ color:rgba(255,255,255,.8); margin-bottom:50px;}
.ty_dl01 h5{ width:100%; float:left; overflow:hidden; line-height:30px; color:#fff; font-size:21px; font-weight:normal}
.tabtit{ width:100%; position:absolute; left:0; bottom:0; height:12vw; background:rgba(0,0,0,.3); display:flex;flex-wrap:wrap}
.tabtit a{ width:12vw; height:12vw; background:rgba(21,60,120,.9); border-right:1px solid rgba(255,255,255,.2); font-size:1.4vw; color:#fff; display:flex;transition:all 0.35s; position:relative; overflow:hidden; }
.tabtit a h5{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;align-items:center; display:flex; justify-content:center; text-align:center;font-weight:normal}
.tabtit a:last-child{ border-right:none}
.tabtit a img{ margin-bottom:1vw;}
.tabtit a h6{ position:absolute; left:-300px; top:0; width:100%; height:100%; background:url(wh_bg.png) no-repeat 0 0; transition:all 0.5s; }
.tabtit a:hover h6,.tabtit a.hover h6{ left:0; display:block;}
.factory{ margin-bottom:100px}
.fac_one{ width:100%; float:left; overflow:hidden; margin-bottom:30px; display:flex}
.fac_one_left{ width:49%; margin-right:2%;}
.fac_one_left p{ width:85%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:#888;text-align: justify; word-break:break-all;}
.fac_one_right{display:flex; justify-content:space-between}
.fac_one_right dl{ width:48%; position:relative; overflow:hidden;}
.fac_one_right dl h5, .fac_two dl h5{ width:100%; float:left; overflow:hidden; margin-bottom:15px; height:100%;}
.fac_one_right dl h5 img, .fac_two dl h5 img{ width:100%; height:100%}
.fac_two{ width:100%; display:flex; justify-content:space-between}
.fac_two dl{ width:23.5%; position:relative; overflow:hidden }
.fac_one_right dl ul,.fac_two dl ul{ width:100%; height:100%; position:absolute; left:0; top:0;transform:translateX(-110%); transition:all 0.35s; background:rgba(237,158,32,.9); display:flex;flex-wrap:wrap; align-content:center; }
.fac_one_right dl ul h6,.fac_two dl ul h6{ width:100%; text-align:center; height:50px; margin-bottom:20px}
.fac_one_right dl ul h6 img,.fac_two dl h6 img{ max-height:100%}
.fac_one_right dl ul dt,.fac_two dl ul dt{ width:100%; text-align:center; line-height:30px; font-size:18px; color:#fff;}
.fac_one_right dl ul dd,.fac_two dl ul dd{ width:100%; text-align:center; line-height:20px; font-size:14px; color:#fff}
.fac_one_right dl:hover ul,.fac_two dl:hover ul{transform:translateX(0)}


/******** 手机版 ********/
@media (max-width:767px){
.wenhua{margin-bottom:30px}
.ty_dl01 h5{ line-height:20px; font-size:15px;}
.fac_one{ margin-bottom:10px; flex-wrap:wrap}
.fac_one_left{ width:100%; margin-right:0%; margin-bottom:15px}
.fac_one_left p{ width:100%; line-height:22px; font-size:14px;}
.wh_h301{ margin-bottom:10px}
.tyh3_01{line-height:30px; font-size:25px; }
.factory{ margin-bottom:20px}
.tabtit{height:46vw; }
.tabtit a{ width:33.33vw; height:23vw; font-size:3.5vw; box-sizing:border-box}
.tabtit a img{ height:8vw}
.tabtit a:nth-child(3){ border-right:none}
.tabtit a:nth-child(-n+3){ border-bottom:1px solid rgba(255,255,255,.2);}
.fac_one_right{ width:100%;display:flex; justify-content:space-between}
.fac_one_right dl{ width:48.5%; height:48vw; }
.fac_two{  flex-wrap:wrap}
.fac_two dl{  width:48.5%; height:48vw; margin-bottom:10px; }
.fac_one_right dl ul dt,.fac_two dl ul dt{  line-height:30px; font-size:16px; }
.fac_one_right dl ul dd,.fac_two dl ul dd{ line-height:20px; font-size:12px;}

}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.wenhua{margin-bottom:50px}
.ty_dl01 h5{ line-height:20px; font-size:15px;}
.fac_one_left p{ width:90%; line-height:20px; font-size:13px;}
.fac_one_right{ flex:1;}
.wh_h301{ margin-bottom:10px}
.factory{ margin-bottom:50px}
.tabtit a img{ max-width:4vw}	
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.wenhua{margin-bottom:70px}
.ty_dl01 h5{ line-height:24px; font-size:17px;}
.fac_one_left p{ width:90%; line-height:26px; font-size:14px;}
.fac_one_right{ flex:1;}
.wh_h301{ margin-bottom:10px}
.factory{ margin-bottom:70px}
.tabtit a img{ max-width:4vw}	
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.wenhua{margin-bottom:90px}
.ty_dl01 h5{ line-height:26px; font-size:19px;}
.fac_one_left p{ width:90%; line-height:30px; font-size:16px;}
.fac_one_right{ flex:1;}
.wh_h301{ margin-bottom:20px}
.factory{ margin-bottom:90px}
.tabtit a img{ max-width:4vw}	
}

/******** 1400px ********/
@media (min-width:1440px){
.tabtit a img{ max-width:4vw}
.fac_one_right{ flex:1;}
}