@charset "gb2312";
/* CSS Document */

.flex { display: flex; flex-wrap: wrap;}

.item-js p {font-size: 20px; line-height: 2em; text-indent: 2em;text-align: justify;}

.keshi_zhiliao .bizhong { float:right; width: 1050px; overflow: hidden;}
.keshi_zhiliao .bizhong h5 { font-weight: bold;}
.keshi_zhiliao .bizhong p {text-align: justify;}


.aboutwh{width: 100%;}
.aboutwh-items{width: 100%;}
.aboutwh-items ul{margin:-2% 0 0 0;}
.aboutwh-items li{float: left;width: 20%; margin: 2% 0 0 0;}
.aboutwh-show{overflow: hidden;position: relative;margin: 0 15px;}
.aboutwh-show::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);transition: all .6s ease;}
.aboutwh-show .pic{width: 100%;object-fit: cover;}
.aboutwh-content{position: absolute;left: 0;top: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;transition: all .6s ease;z-index: 1;}
.aboutwh-content i{display: block;width: 67px;height: 67px;border-radius: 50%;margin-bottom: 12px;}
.aboutwh-content h6{font-size: 30px;color: #fff;font-weight: 500;text-transform: uppercase;}
.aboutwh-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(11, 114, 133, 0.8);padding: 0 20px;align-items: center;justify-content: center;color: #fff;z-index: 2;opacity: 0;transition: all .6s ease;text-align: justify;font-size: 18px;}
.aboutwh-items li:hover .aboutwh-content{opacity: 0;}
.aboutwh-items li:hover .aboutwh-text{opacity: 1;}
.aboutwh-items li:hover .aboutwh-show::after{opacity: 0;}

.aboutwh-items li:hover .aboutwh-text {opacity: 1;}