.main{color:#333;} .icon1{width:50%;float:left;} .icon1 img{max-width:100%;height:auto;} .text{width:50%;float:left;padding-top:3em;} .about_h1{font-size:1.8em;font-weight: 500;text-align: left;line-height:1.8em;padding-left: 43.2px} .about_h4{font-size:1.8em;font-weight: 500;text-align: center;line-height:1.8em;} .about_h2{font-size:1.6em;font-weight: 400;text-align: center;} .text .content{font-size:1em;line-height:1.8em;padding-left:3em;font-size:.9em;padding-top:1em;} .text .content p{margin-bottom: 1em;} .about_h3{font-size: 1em;font-weight: normal;text-align: center;} .box1{margin-top:5em;} .box2,.box3{padding-top:2em;} .culture{padding-top:3em;margin: 0 auto;} .culture img{display: block;} .culture .mBox{float:left;margin-right:1.5em;position: relative;} .culture .mBox:last-child{margin-right:0;} .culture .cTitle{font-size:1.2em;color:#fff;background-color:#0073aa;position: absolute;bottom:0;left:0;width:100%; text-align: center;height:2.5em;line-height:2.5em;font-weight: normal;opacity: 0.8;} .hover_txt{background: rgba(32, 44, 63, 1);position: absolute;width:100%;height:100%;left:0;top:0;color: #fff; text-align:center;cursor:pointer;opacity: 0;-webkit-transition: opacity.3s;transition: opacity.3s;} .hover_txt .about_h2{padding-top:2em;} .hover_txt .detail{border-top:2px solid #fff;border-bottom:2px solid #fff;padding:1.5em 0 1.5em 0;width:70%;margin:0 auto; line-height:2em;height: 4em;display: flex;justify-content: center;align-items: center; } .honor-swiper{max-width:1390px;overflow: hidden;padding-top:2em;} .honor-swiper .swiper-slide{margin: 0 40px;width: 170px;height: 280px;transition: all 0.2s;text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;} .honor-swiper .swiper-slide img{width: 100%} .honor-swiper .swiper-slide:hover{transform: scale(1.2,1.2)} @media screen and (max-width: 414px){ /*.main-title,.foot,.copy-right{display:none;}*/ .main{width: 100%} .icon1{float: none;width: 100%} .icon1 img{margin: 0 auto} .text{float: none;width: 100%} .about_h1{text-align: center;padding-left: 0} .text .content{padding-right: 1em;text-align: justify;padding-left: 1em} .box2{visibility: visible;} .culture .mBox{float: none;margin-right: 0} .culture img{width: 100%} }