.group-container { width: 1200px; margin: 0 auto 32px; } .group-container .group-title { font-size: 30px; line-height: 30px; color: #1c1c1c; letter-spacing: 0; text-align: justify; font-weight: 600; margin: 25px 0; } .group-container .group-banner { width: 1200px; height: 360px; background: #ccc; margin-top: 45px; background: transparent; } .group-container .group-banner img { width: 100%; height: 360px; border-radius: 2px 2px 0 0; } .group-container .group-banner1 { margin-top: 0px; } .group-container .text { padding: 30px 50px 36px; font-size: 18px; color: gray; text-align: justify; line-height: 26px; text-indent: 2em; background: #fff; } .group-container .tab-box { width: 100%; margin-top: 50px; position: relative; } .group-container .tab-box .line-red { position: absolute; left: 0; bottom: 0; display: inline-block; width: 154px; height: 3px; background: red; z-index: 1; } .group-container .tab-box a { text-align: center; display: inline-block; width: 154px; height: 40px; border-bottom: 3px solid #f9f9f9; font-size: 22px; color: #505050; letter-spacing: 0; margin-right: 40px; } .group-container .tab-box a.active { color: #1c1c1c; font-weight: 600; } .group-container .group-box { width: 1230px; margin-top: 41px; } .group-container .group-box .clear-both { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .group-container #group-manage-box { display: none; } .group-container .manage-box { width: 380px; height: 478px; background: #fff; text-align: center; margin-right: 30px; margin-bottom: 30px; float: left; cursor: pointer; border-radius: 2px; } .group-container .manage-box img:hover { opacity: .8; filter: alpha(opacity=80); -webkit-transition: all .1s; transition: all .1s; } .group-container .manage-box:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, .2); -webkit-transition: -webkit-box-shadow .5s linear; transition: box-shadow .5s linear; } .group-container .manage-box .manage-picture { width: 100%; height: 380px; background: #fff; border-radius: 2px 2px 0 0; } .group-container .manage-box .manage-job { font-size: 16px; color: #505050; letter-spacing: .26px; text-align: center; margin-top: 20px; } .group-container .manage-box .manage-name { margin-top: 4px; font-size: 20px; color: #1c1c1c; letter-spacing: .31px; }