@charset "utf-8";
.about .company .flex{position: relative;display: flex;justify-content: space-between;}
.about .company .img{width: 48.5%;margin-left: 3%;}
.about .company .img a{position: relative;height: 100%;display: block;overflow: hidden;}
.about .company .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.about .company .img:hover img{transform: scale(1.1);}
.about .company .txt{width: 48.5%;}
.about .company h3{color: #000;font-size: 30px;font-weight: bold;}
.about .company .con{color: #333;font-size: 16px;line-height: 1.875;text-align: justify;margin-top: 20px;}

.about .culture{padding-top: 1rem;}
.about .culture ul{display: flex;justify-content: space-between;margin: .3rem 0;}
.about .culture li{position: relative;width: 100%;display: flex;flex-direction: column;}
.about .culture li:nth-child(2n){flex-direction: column-reverse;}
.about .culture li .box{width: 100%;height: 300px;display: flex;align-items: center;justify-content: center;color: #373737;font-weight: 100;text-align: center;background: #f8f8f8;transition: 200ms;}
.about .culture li .txt{width: 94%;}
.about .culture li .txt h3{font-size: 24px;line-height: 1.43;}
.about .culture li .txt span{position: relative;display: block;font-size: 14px;}
.about .culture li .txt span:after{content:"";display: block;width: 24px;height: 1px;margin: 10px auto;background: #737373;}
.about .culture li .txt p{font-size: 16px;line-height: 1.8;}
.about .culture li .img{position: relative;width: 100%;height: 300px;overflow: hidden;}
.about .culture li .img img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.2);transition: 500ms;}
.about .culture li:hover .box{color: #fff;background: #0092dd;}
.about .culture li:hover .txt span:after{background: #fff;}
.about .culture li:hover .img img{transform: none;}

.about .zizhi{padding-top: 50px;}
.about .zizhi .img{max-width: 1000px;margin: auto;margin-top: 40px;margin-bottom: 60px;}
.about .zizhi .img img{max-width: 100%;}

.about .youshi li{display: flex;flex-wrap: nowrap;justify-content: space-between;margin: 20px auto;padding: 20px 1rem;border-bottom: 1px solid #ebebeb;background: #f7f7f7;align-items: center;}
.about .youshi li:nth-child(2n){flex-flow: row-reverse;}
.about .youshi li .img{position: relative;width: 25%;height: 0;padding-bottom: 17%;overflow: hidden;}
.about .youshi li .img img{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);}
.about .youshi li .con{width: 72%;}
.about .youshi li:nth-child(2n) .con{margin-left: 2.5%;width: 70%;}
.about .youshi li .con h3{color: #0092dd;font-size: 1.375rem;font-weight: bold;margin: 1rem 0;}
.about .youshi li .txt{color: #404040;font-size: 16px;line-height: 1.5rem;margin: 1.5rem 0 1rem;}
.about .youshi li .txt span{font-size: 18px;}
.about .youshi li .txt p{color: #999;line-height: 1.8rem;}

@media only screen and (max-width: 768px){
.about .company .flex{display: block;}
.about .company .txt{width: 100%;}
.about .company h3{font-size: 24px;}
.about .company .con{font-size: 14px;}
.about .company .img{width: 100%;margin: 0;}
.about .company .img img{position: relative;}
.about .culture ul{display: block;}
.about .culture li .box{height: 170px;}
.about .culture li:nth-child(2n){flex-direction: column;}
.about .culture li .txt h3{font-size: 20px;}
.about .culture li .img{height: auto;}
.about .youshi li{display: block;}
.about .youshi li .img{width: 100%;padding-bottom: 70%;}
.about .youshi li .con{width: 100%;}
.about .youshi li .txt{font-size: 14px;margin-top: 20px;}
.about .youshi li .txt span{font-size: 16px;}}