.container {
width: 100%;
height: 577px;
background: rgba(248, 248, 248, 1);
}
.container-bg{
background: no-repeat center top ;
height: 100%;
padding-top: 1px;
}
.main{
width: 1200px;
height: auto;
margin: 67px auto;
position: relative;
}
.container__sections {
display: flex;
flex-wrap: wrap;
position: absolute;
top: 0;
right: 5px;
width: 918px;
height: 424px;
}
.container__sections .wrapper {
display: flex;
flex-direction: column;
align-items: center;
width: 304px;
height: 212px;
padding-bottom: 21px;
background-color: #fff;
border: 1px solid #ededed;
box-sizing: border-box;
}
.container__sections .wrapper .logo {
width: 50px;
height: 50px;
margin-top: 25px;
}
.container__sections .wrapper .title {
margin-top: 24px;
font-size: 20px;
font-family: source han sans cn;
font-weight: bold;
color: #333333;
}
.container__sections .wrapper .enname {
margin-top: 7px;
font-size: 12px;
font-family: source han sans cn;
font-weight: 400;
color: #999999;
}
.container__sections .wrapper .more {
margin-top: 16px;
color: rgba(102, 102, 102, 1)
/* background: no-repeat 0 0 / cover; */
}
.container__sections .wrapper:hover {
background: no-repeat 0 0 / cover;
}
.container__sections .wrapper:hover .title {
color: #fff;
}
.container__sections .wrapper:hover .enname {
color: #fff;
opacity: 0.7;
}
.container__sections .wrapper:hover .more {
color: white
/* background: no-repeat 0 0 / cover; */
}
.container__sections_talent .logo {
width: 55px;
height: 44px;
}
.container__sections_invest .logo {
background: no-repeat 0 0 / cover;
}
.container__sections_invest:hover .logo {
background: no-repeat 0 0 / cover;
}
.container__sections_guide .logo {
background: no-repeat 0 0 / cover;
}
.container__sections_guide:hover .logo {
background: no-repeat 0 0 / cover;
}
.container__sections_service .logo {
background: no-repeat 0 0 / cover;
}
.container__sections_service:hover .logo {
background: no-repeat 0 0 / cover;
}
.container__sections_policy .logo {
background: no-repeat 0 0 / 100% 100%;
}
.container__sections_policy:hover .logo {
background: no-repeat 0 0 / 100% 100%;
}
.container__sections_climate .logo {
background: no-repeat 0 0 / 100% 100%;
}
.container__sections_climate:hover .logo {
background: no-repeat 0 0 / 100% 100%;
}
.container__sections_talent .logo {
width: 55px !important;
height: 44px !important;
background: no-repeat 0 0 / cover;
}
.container__sections_talent:hover .logo {
width: 55px !important;
height: 44px !important;
background: no-repeat 0 0 / cover;
}