.groupBottomWrapper {
height: 1091px;
background: url(/image/zerenbg.png) 100% no-repeat;
background-size: cover;
margin-top: 0px;
width: 100%;
position: relative;
}
.text-wrapper-title {
margin: 120px 0 0 0;
}
.text-wrapper-title .text-span {
overflow-wrap: break-word;
color: rgba(0, 138, 123, 1);
font-size: 24px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
white-space: nowrap;
line-height: 31px;
}
.box-center {
width: 734px;
margin: 0 auto;
margin-top: 58px;
}
.box-center img {
width: 100%;
}
.resp-culture-info {
width: 100%;
height: 64px;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: justify;
line-height: 32px;
margin: 20px 0 0 0;
}
.respCulture-ext-txt {
width: 100%;
height: 64px;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: justify;
line-height: 32px;
margin: 20px 0 0 0;
}
.group_content {
width: 100%;
height: 380px;
margin: 64px 0 0 0;
}
.group-item-inner .section_1 {
background-color: rgba(255, 255, 255, 0.8);
width: 250px;
height: 230px;
margin: 30px 0 0 30px;
padding: 30px;
box-sizing: border-box;
position: relative;
}
.group-item-top {
width: 100%;
height: 380px;
margin: 0;
}
.group-item-top .group-item-inner {
height: 380px;
background: url(/image/cover01.png) 100% no-repeat;
background-size: 100% 100%;
width: 48.3%;
/* width: 570px; */
}
.text_group_txt_info {
width: 176px;
height: 76px;
margin: 70px 0 0 0;
}
.span-text-1 {
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 24px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: left;
white-space: wrap;
line-height: 24px;
}
.span-text-2 {
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: left;
white-space: wrap;
line-height: 24px;
margin-top: 16px;
}
.label_img_label {
position: absolute;
left: 30px;
top: 30px;
width: 40px;
height: 40px;
opacity: 1;
visibility: visible
}
.label_img_label_hover {
position: absolute;
left: 30px;
top: 30px;
width: 40px;
height: 40px;
opacity: 0;
visibility: hidden
}
.group-item-top .group-item-inner:hover .section_1 {
background: #F99C34;
cursor: pointer
}
.group-item-top .group-item-inner:hover .section_1 * {
color: #FFFFFF
}
.group-item-top .group-item-inner:hover .section_1 .label_img_label_hover {
opacity: 1;
visibility: visible;
z-index: 1
}
.group-content-bottom {
width: 100%;
height: auto;
overflow: hidden;
margin: 32px 0 0 0px;
flex-wrap: wrap;
}
.group-item-bottom:nth-child(3n) {
margin-right: 0;
}
.group-item-bottom {
background-color: rgba(242, 242, 242, 1);
/* width: 31.12%; */
width: calc((100% - 32px - 32px) / 3);
height: 372px;
padding: 0 30px;
box-sizing: border-box;
position: relative;
margin-right: 32px;
margin-bottom: 32px;
}
.label_img_02 {
width: 40px;
height: 40px;
margin: 40px 0 0 0;
position: absolute;
visibility: visible;
opacity: 1;
}
.label_img_02_hover {
width: 40px;
height: 40px;
margin: 40px 0 0 0;
position: absolute;
visibility: hidden;
opacity: 0;
}
.text_title {
width: 96px;
height: 36px;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 24px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 36px;
margin: 100px 0 0 0px;
}
.paragraph_1 {
height: 112px;
overflow-wrap: break-word;
color: #666666;
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: left;
line-height: 24px;
margin: 30px 0 0 0;
}
.group-item-bottom:hover {
cursor: pointer;
background: url(/image/jz_bg.png) right 0px bottom 13px / auto 198px no-repeat, #F7B334;
}
.group-item-bottom:hover * {
color: #FFFFFF;
}
.group-item-bottom:hover .label_img_02_hover {
visibility: visible;
opacity: 1;
z-index: 1
}
/*之间过滤样式区间 */
@media screen and (max-width: 1024px) {
.groupBottomWrapper {
height: auto;
background: url(/image/zerenbg.png) 100% no-repeat;
background-size: cover;
margin-top: 0px;
width: 100%;
position: relative;
}
.group-item-top .group-item-inner:hover .section_1 * {
color: #666666
}
.respCulture-ext-txt {
height: auto;
}
.group_content {
width: 100%;
height: auto;
margin: 64px 0 0 0;
}
.group-item-top {
width: 100%;
height: auto;
margin: 0;
flex-wrap: wrap;
}
.group-item-top .group-item-inner {
height: 457px;
width: 100%;
margin-bottom: 40px;
padding: 30px;
}
.group-item-inner .section_1 {
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
height: 382px;
box-sizing: border-box;
position: relative;
margin: 0;
padding: 30px;
}
.group-item-top .group-item-inner:hover .section_1 {
background-color: rgba(255, 255, 255, 0.8);
}
.group-item-top .group-item-inner:hover .section_1 .span-text-1 {
color: rgba(102, 102, 102, 1);
}
.group-item-top .group-item-inner:hover .section_1 .span-text-2 {
color: rgba(102, 102, 102, 1);
}
.group-item-bottom {
background-color: rgba(242, 242, 242, 1);
width: 100%;
height: auto;
padding: 60px 40px;
box-sizing: border-box;
position: relative;
margin-right: 0;
margin-bottom: 40px;
}
.paragraph_1 p {
font-size: 28px;
color: #666666;
line-height: 48px;
}
.label_img_02_hover {
display: none;
}
.group-item-bottom:hover {
background-color: rgba(242, 242, 242, 1);
cursor: pointer;
}
.group-item-bottom:hover * {
color: rgba(102, 102, 102, 1)
}
.group-item-bottom:hover .paragraph_1 {
color: #666666;
}
.text_title {
margin: 120px 0 0 0;
}
.paragraph_1 {
height: auto;
}
.label_img_label_hover {
display: none;
}
.box-center {
width: 100%;
margin: 0 auto;
margin-top: 64px;
padding-bottom: 120px;
}
}
/*之间过滤样式区间 */
@media screen and (max-width: 750px) {
.group-item-top .group-item-inner:hover .section_1 * {
color: #666666
}
.respCulture-ext-txt {
height: auto;
}
.group_content {
width: 100%;
height: auto;
margin: .64rem 0 0 0;
}
.group-item-top {
width: 100%;
height: auto;
margin: 0;
flex-wrap: wrap;
}
.group-item-top .group-item-inner {
height: 4.57rem;
width: 100%;
margin-bottom: .4rem;
padding: .3rem;
}
.group-item-inner .section_1 {
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
height: 3.82rem;
box-sizing: border-box;
position: relative;
margin: 0;
padding: .3rem;
}
.group-item-top .group-item-inner:hover .section_1 {
background-color: rgba(255, 255, 255, 0.8);
}
.group-item-top .group-item-inner:hover .section_1 .span-text-1 {
color: rgba(102, 102, 102, 1);
}
.group-item-top .group-item-inner:hover .section_1 .span-text-2 {
color: rgba(102, 102, 102, 1);
}
.group-item-bottom {
background-color: rgba(242, 242, 242, 1);
width: 100%;
height: auto;
padding: 0.6rem 0.4rem;
box-sizing: border-box;
position: relative;
margin-right: 0;
margin-bottom: 0.4rem;
}
.paragraph_1 p {
font-size: .28rem;
color: #666666;
line-height: .48rem;
}
.label_img_02 {
margin: 0;
}
/*取消hover事件样式 */
.label_img_02_hover {
display: none;
}
.group-item-bottom:hover {
background-color: rgba(242, 242, 242, 1);
cursor: pointer;
}
.group-item-bottom:hover * {
color: rgba(102, 102, 102, 1)
}
.group-item-bottom:hover .paragraph_1 {
color: #666666;
}
.text_title {
margin: 1.2rem 0 0 0;
}
.paragraph_1 {
height: auto;
overflow-wrap: break-word;
color: #666666;
text-align: left;
line-height: .24rem;
margin: .3rem 0 0 0;
}
.label_img_label_hover {
display: none;
}
.groupBottomWrapper {
height: auto;
background: url(/image/zerenbg.png) 100% no-repeat;
background-size: cover;
margin-top: 0px;
width: 100%;
position: relative;
}
.text-wrapper-title {
margin: 1.2rem 0 0 0;
}
.box-center {
width: 100%;
margin: 0 auto;
margin-top: 0.64rem;
padding-bottom: 1.2rem;
}
.span-text-1,
.text_title {
font-size: 16px;
line-height: 24px;
height: auto;
}
.span-text-2 .RCMS_EDITOR p {
font-size: .28rem;
line-height: .48rem;
}
.label_img_02,
.label_img_label {
width: 32px;
height: 32px;
}
.text_group_txt_info {
height: auto;
}
.label_img_label {
left: 16px;
}
}