/*公司简介*/
.companyProfile .text_year {
width: 206px;
overflow-wrap: break-word;
color: rgba(0, 138, 123, 1);
font-size: 88px;
font-family: DIN-Bold;
font-weight: 700;
text-align: justify;
white-space: nowrap;
line-height: 106px;
}
.companyProfile .group_1 {
background-color: rgba(0, 138, 123, 1);
width: 2px;
height: 74px;
margin: 16px 0 0 20px;
}
.companyProfile .text-group_9 {
width: 182px;
height: 58px;
margin: 24px 0 0 20px;
}
.companyProfile .text_23 {
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 20px;
letter-spacing: 2px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
white-space: nowrap;
line-height: 26px;
}
.companyProfile .text_24 {
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 14px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: justify;
white-space: nowrap;
line-height: 19px;
margin-top: 13px;
}
.companyProfile .image-info-item {
width: 25%;
height: 120px;
text-align: center;
}
.companyProfile .image-info-item img {
width: 120px;
}
.companyProfile .image-info-last {
width: 120px;
height: 120px;
}
.companyProfile .text-wrapper-acount {
width: 100%;
height: 21px;
margin: 40px 0 0 0px;
justify-content: space-around;
}
.companyProfile .text-wrapper-acount-txt {
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 14px;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 21px;
width: 25%;
}
.companyProfile .box_footer {
width: 100%;
height: 58px;
margin: 20px 0 0 0;
justify-content: space-around;
}
.companyProfile .text_30 {
overflow-wrap: break-word;
color: rgba(0, 138, 123, 1);
font-size: 48px;
font-family: DIN-Medium;
font-weight: 500;
text-align: justify;
white-space: nowrap;
line-height: 58px;
}
.companyProfile .text-wrapper_9 {
border-radius: 50%;
height: 20px;
width: auto;
margin: 28px 0 0 8px;
}
.companyProfile .text_31 {
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 12px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: justify;
white-space: nowrap;
line-height: 16px;
margin: 1px 0 0 4px;
}
.companyProfile .box_footer .item {
display: flex;
width: 25%;
justify-content: center;
}
.companyProfile .contentstyle {
display: flex;
justify-content: space-between;
flex-direction: row;
font-family: 微软雅黑, arial, tahoma, Verdana, sans-serif;
text-align: justify;
text-wrap: wrap;
margin: 64px 0px 34px 0px;
color: rgb(102, 102, 102);
height: 99px;
}
.companyProfile .font1 {
display: flex;
justify-content: space-between;
flex-direction: column;
width: 600px;
}
.companyProfile .font2 {
display: flex;
justify-content: space-between;
flex-direction: row;
width: 440px;
}
.companyProfile .fonn3 {
padding: 0px;
margin: 0px;
box-sizing: border-box;
width: 206px;
overflow-wrap: break-word;
color: rgb(0, 138, 123);
font-size: 88px;
font-weight: 700;
text-wrap: nowrap;
line-height: 106px;
}
.companyProfile .font4 {
display: flex;
flex-direction: column;
background-color: rgb(0, 138, 123);
width: 2px;
height: 74px;
margin: 16px 0px 0px 20px;
}
.companyProfile .font5 {
display: flex;
justify-content: space-between;
flex-direction: column;
width: 182px;
height: 58px;
margin: 24px 0px 0px 20px;
}
.companyProfile .font6 {
padding: 0px;
margin: 0px;
box-sizing: border-box;
overflow-wrap: break-word;
color: rgb(51, 51, 51);
font-size: 20px;
letter-spacing: 2px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-wrap: nowrap;
line-height: 26px;
}
.companyProfile .font7 {
padding: 0px;
margin: 13px 0px 0px;
box-sizing: border-box;
overflow-wrap: break-word;
font-size: 14px;
font-family: MicrosoftYaHei;
text-wrap: nowrap;
line-height: 19px;
}
.companyProfile .font8 {
display: flex;
flex-direction: row;
width: 100%;
height: auto;
;
margin: 80px 0px 0px;
justify-content: space-around;
color: rgb(51, 51, 51);
font-family: 微软雅黑, arial, tahoma, Verdana, sans-serif;
text-align: justify;
text-wrap: wrap;
flex-wrap: wrap;
}
.companyProfile .font9 {
width: 295px;
height: 120px;
text-align: center;
}
.companyProfile .font10 {
border: 0px;
vertical-align: middle;
width: 120px;
}
.companyProfile .footerstyle1 {
display: flex;
flex-direction: row;
width: 100%;
height: 21px;
margin: 40px 0px 0px;
justify-content: space-around;
color: rgb(51, 51, 51);
font-family: 微软雅黑, arial, tahoma, Verdana, sans-serif;
text-align: justify;
text-wrap: wrap;
}
.companyProfile .footerstyle-item {
padding: 0px;
margin: 0px;
box-sizing: border-box;
overflow-wrap: break-word;
color: rgb(102, 102, 102);
font-size: 16px;
font-family: MicrosoftYaHei;
text-align: center;
text-wrap: nowrap;
line-height: 21px;
width: 100%;
margin-top: 44px;
margin-bottom: 38px;
}
.companyProfile .font11 {
display: flex;
flex-direction: row;
width: 100%;
height: 58px;
margin: 20px 0px 0px;
justify-content: space-around;
color: rgb(51, 51, 51);
font-family: 微软雅黑, arial, tahoma, Verdana, sans-serif;
text-align: justify;
text-wrap: wrap;
}
.companyProfile .font12 {
display: flex;
width: 100%;
justify-content: center;
align-items: baseline;
}
.companyProfile .font12-item {
padding: 0px;
margin: 0px;
box-sizing: border-box;
overflow-wrap: break-word;
color: rgb(0, 138, 123);
font-size: 48px;
text-wrap: nowrap;
font-weight: bold;
line-height: normal;
/* line-height: 58px; */
}
.companyProfile .font13 {
display: flex;
flex-direction: column;
border-radius: 50%;
height: 20px;
width: auto;
margin: 28px 0px 0px 8px;
}
.companyProfile .font13-item {
padding: 0px;
margin: 0;
margin-left: 4px;
box-sizing: border-box;
overflow-wrap: break-word;
color: #008a7b;
font-size: 16px;
font-family: MicrosoftYaHei;
text-wrap: nowrap;
line-height: normal;
/* line-height: 16px; */
}
.companyProfile .image-wrapper-box {
width: 100%;
height: auto;
margin: 80px 0 0 0px;
justify-content: space-between;
}
.companyProfile .image-wrapper-box .imgsinfo {
width: 100%;
}
/* 企业文化 */
.entePriseculture .group-box-inner {
width: 100%;
min-height: 635px;
background: url(/image/culture-bg.png) 100% no-repeat;
background-size: 100% 100%;
background-position: top center;
}
.erterprisetitle {
font-family: MicrosoftYaHei, MicrosoftYaHei;
font-weight: bold;
font-size: 24px;
line-height: 32px;
text-align: justify;
font-style: normal;
}
.entePriseculture .group_item {
width: 100%;
height: 320px;
border-radius: 8px;
border: 1px solid #E8E8E8;
margin: 40px 0 0 0px;
box-sizing: border-box;
}
.entePriseculture .image_1 {
width: 192px;
height: 240px;
margin: 40px 0 0 40px;
}
.entePriseculture .itemcontainer p {
display: inline-block;
margin: 40px 40px 40px 0;
}
.entePriseculture .itemcontainer .image-top {
width: 140px;
height: 140px;
}
.entePriseculture .group_item .itemcontainer {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.entePriseculture .group_item .RCMS_EDITOR {
width: 100%;
}
.entePriseculture .itemcontainer .image-bottom {
width: 88px;
height: 88px;
margin-top: 12px;
}
.entePriseculture .itemcontainer section {
display: flex;
flex-direction: column;
margin: 40px 40px 0 40px;
width: 192px;
height: 240px;
text-align: center;
justify-content: center;
align-items: center;
}
.entePriseculture .paragraph-info {
width: 879px;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: justify;
line-height: 32px;
display: inline-block;
box-sizing: border-box;
padding: 40px 0px 40px 0;
height: 320px;
}
.entePriseculture .itemcontainer .psection {
width: 100%;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: justify;
line-height: 32px;
display: inline-block;
box-sizing: border-box;
margin: 0;
margin-top: 20px;
}
.entePriseculture .text-wrapper-shb {
width: 868px;
height: 144px;
margin: 40px 0 0 40px;
}
.entePriseculture .text-wrapper-shb .text_p1 {
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 20px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
white-space: nowrap;
line-height: 28px;
}
.entePriseculture .text-wrapper-shb .text_p2_txt {
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: justify;
line-height: 32px;
margin-top: 20px;
}
.entePriseculture .image-sh-logo {
width: 192px;
height: 192px;
margin: 40px 40px 0 0;
}
.entePriseculture .image-sh-logo img {
width: 100%;
}
.entePriseculture .group-culture-lininan {
width: 100%;
height: 736px;
border-radius: 8px;
border: 1px solid #E8E8E8;
justify-content: flex-center;
margin: 40px 0 0 0;
}
.entePriseculture .box-top {
width: 874px;
height: 448px;
margin: 40px 0 0 90px;
}
.entePriseculture .group-bottom {
width: 1100px;
padding: 0;
height: 168px;
box-shadow: inset 0px 1px 0px 0px #F2F2F2;
margin: 40px;
}
.entePriseculture .image-text-wrappers {
width: 164px;
height: 28px;
margin-top: 40px;
}
.entePriseculture .thumbnail_3 {
width: 16px;
height: 16px;
margin-top: 6px;
}
.entePriseculture .text-group_2 {
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 20px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
white-space: nowrap;
line-height: 28px;
}
.entePriseculture .paragraph-kouhao {
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-top: 20px;
}
.entePriseculture .image-culute-systen {
width: 300px;
height: 290px;
margin-top: 77px;
}
.entePriseculture .section_1 {
width: 260px;
height: 448px;
margin-left: 90px;
padding-right: 26.15%;
}
.entePriseculture .section_1:nth-child(2) {
width: 260px;
margin-left: 80px;
}
.entePriseculture .text-wrapper-param {
width: 206px;
overflow-wrap: break-word;
font-size: 0;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
line-height: 32px;
min-height: 160px;
margin-bottom: 20px;
}
.entePriseculture .paragraph-span-1 {
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: left;
line-height: 32px;
}
.entePriseculture .paragraph-span-2 {
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei-Bold;
font-weight: normal;
text-align: left;
line-height: 32px;
}
.entePriseculture .group_shidaijingshen {
width: 100%;
height: 221px;
margin: 20px 0 135px 0;
border-radius: 8px;
border: 1px solid #E8E8E8;
}
.entePriseculture .box-info-last {
width: 141px;
height: 141px;
margin: 40px 0 0 40px;
background-size: 100% 100%;
}
.entePriseculture .text-wrapper_20 {
width: 326px;
height: 128px;
margin: 40px 0 0 91px;
}
.entePriseculture .text-shidai-title {
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 20px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
white-space: nowrap;
line-height: 28px;
}
/* 企业文化 ends */
.pc272height {
height: 272px;
}
.m-list-content-infos {
flex-wrap: wrap;
}
.sh_content {
position: relative;
}
.gongsijianjie .imgCover-left img {
border: 0px;
vertical-align: middle;
width: 500px;
height: 333px;
float: right;
margin-top: 0px;
margin-left: 80px;
}
.gongsijianjie .text-params-p1 {
padding: 0px;
margin: 0px;
box-sizing: border-box;
line-height: 32px;
width: 50.8%;
display: inline-block;
}
.gongsijianjie .image-info-item {
width: auto;
min-height: 180px;
height: auto;
text-align: center;
justify-content: center;
flex-direction: column;
display: flex;
}
.gongsijianjie .image-info-item img {
width: 120px;
margin: 0 auto;
}
.footerstyle-item {
margin: 40px 0 25px 0;
}
.gongsijianjie .content-info{
position: relative;
}
@media screen and (max-width: 1172px) {
.gongsijianjie .imgCover-left img {
border: 0px;
vertical-align: middle;
width: 500px;
height: 333px;
float: right;
margin-top: 0;
}
}
@media screen and (max-width: 1092px) {
.gongsijianjie .imgCover-left img {
border: 0px;
vertical-align: middle;
width: 47.37%;
height: 333px;
float: right;
margin-top: 0px;
}
}
@media screen and (max-width: 1024px) {
.gongsijianjie .content-info{
position: relative;
display: flex;
flex-direction: column;
}
.companyProfile .contentstyle {
height: auto;
margin: 0.68rem 0 0.23rem 0;
}
.companyProfile .font1,.companyProfile .editeContentinner p:first-child{
width: 100%;
}
.practicalactivitypage .box-item-containers {
width: 100%;
height: auto;
overflow: hidden;
}
.m-img-containers {
width: 100%;
}
.m-img-containers img {
width: 100%;
height: auto;
}
.practicalactivitypage .box-item-containers .group-tip-box {
background-color: rgba(247, 248, 250, 1);
width: 100%;
height: auto;
float: left;
margin-top: 0;
padding: 36px 40px;
box-sizing: border-box;
position: relative;
right: 0;
}
.practicalactivitypage .box-item-containers .text-span-title {
font-size: 16px;
line-height: 24px;
margin: 0;
width: 100%;
}
.group-item-event-scroll-mobile {
width: 100%;
}
.practicalactivitypage .group-tip-box .text-sn-title {
margin-top: -32px;
}
.practicalactivitypage .box-item-containers .text-descriptions {
margin: 15px 0 0 0;
}
.practicalactivitypage .box-item-containers .text-span-title::after {
margin: 10px 0 0 0;
}
.group-item-event .group-item {
padding: 30px 20px;
height: auto;
}
.group-item-event .group-item .text-group-inner .text-title {
font-size: 16px;
line-height: 24px;
height: auto;
}
.group-item-event .group-item .text-group-inner .text-contents {
font-size: 14px;
line-height: 24px;
width: 100%;
}
.group-item-event .group-item .text-group-inner {
height: auto;
}
.content-app .hd ul li.on {
width: 20px;
height: 8px;
border-radius: 4px;
}
.content-app .hd ul li {
width: 8px;
height: 8px;
}
}
/* 企业文化结束 样式 */
@media screen and (max-width: 1024px) {
.contentstyle {
margin-top: 120px;
}
.gongsijianjie .imgCover-left img {
border: 0px;
vertical-align: middle;
width: 100%;
/* position: absolute; */
/* top: 0.64rem; */
height: 457px;
border: 1px solid #008A7B;
margin-left: 0;
}
.gongsijianjie .text-params-p1 {
padding: 0px;
margin: 0px;
box-sizing: border-box;
line-height: 32px;
width: 100%;
display: inline-block;
margin-top: 24px;
}
.pc272height {
height: auto;
}
.entePriseculture .itemcontainer .image-top {
margin-right: 50px;
width: 160px;
height: 160px;
}
.entePriseculture .group_item {
height: auto;
border-radius: 16px;
padding: 40px;
}
.entePriseculture .group_item .itemcontainer {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.entePriseculture .itemcontainer section {
display: flex;
justify-content: flex-start;
flex-direction: row;
margin: 0;
width: 297px;
height: 160px;
align-items: baseline;
}
.entePriseculture .itemcontainer p {
display: inline-block;
margin: 40px 0 0 0;
}
.entePriseculture .text-wrapper-shb {
width: 100%;
height: auto;
margin: 0
}
.entePriseculture .pc272height {
display: flex;
justify-content: flex-start;
flex-direction: column-reverse;
}
.entePriseculture .image-sh-logo {
width: 200px;
height: 200px;
margin: 0;
margin-bottom: 40px;
}
.entePriseculture .itemcontainer .image-bottom {
width: 88px;
height: 88px;
margin-top: 12px;
}
.entePriseculture .group-culture-lininan {
height: auto;
padding: 40px;
}
.entePriseculture .box-top {
width: 100%;
height: auto;
margin: 0;
flex-direction: column;
}
.entePriseculture .image-culute-systen {
width: 100%;
height: auto;
margin-top: 0;
}
.entePriseculture .section_1 {
width: 100%;
height: 448px;
margin-left: 0;
flex-wrap: wrap;
flex-direction: row;
margin-top: 80px;
}
.entePriseculture .m-list-left {
width: 47.8%;
margin-right: 4.29%;
}
.entePriseculture .m-list-right {
width: 47.8%;
}
.entePriseculture .text-wrapper-param {
width: 100%;
overflow-wrap: break-word;
font-size: 0;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
line-height: 32px;
margin-bottom: 40px;
}
.entePriseculture .text-wrapper-param:nth-child(2n) {
margin-right: 0%;
}
.m-list-content-infos {
flex-wrap: wrap;
margin-top: 80px;
}
.entePriseculture .group-bottom {
width: 100%;
height: 168px;
padding: 0;
box-shadow: inset 0px 1px 0px 0px #F2F2F2;
margin: 0;
}
.entePriseculture .group_shidaijingshen {
width: 100%;
height: auto;
margin: 40px 0 121px 0;
border-radius: 8px;
border: 1px solid #E8E8E8;
display: flex;
flex-direction: column;
padding: 40px;
}
.entePriseculture .box-info-last {
width: 200px;
height: 200px;
margin: 0;
background-size: 100% 100%;
}
.entePriseculture .text-wrapper_20 {
width: 100%;
height: auto;
margin: 40px 0 0 0;
}
.entePriseculture .text-shidai-title {
margin-bottom: 40px;
}
.gongsijianjie .image-info-item {
width: 50%;
height: 330px;
text-align: center;
}
}
/*?§???¨?????·??? */
@media screen and (max-width: 750px) {
/* entePriseculture mobile style */
.entePriseculture .paragraph-span-1 {
font-size: 12px;
color: #666666;
font-weight: bold;
}
.entePriseculture .paragraph-span-2 p span {
font-size: 12px !important;
color: #666666 !important;
font-weight: normal
}
.practicalactivitypage .box-item-containers {
width: 100%;
height: auto;
}
.m-img-containers {
width: 100%;
}
.m-img-containers img {
width: 100%;
height: auto;
}
.editeContent p {
font-size: .28rem !important;
color: #666 !important;
}
.contentstyle {
margin-top: 1.20rem;
}
.entePriseculture .image-sh-logo {
width: 2rem;
height: 2rem;
margin: 0;
margin-bottom: 0.4rem;
}
.pc272height {
height: auto;
}
.entePriseculture .group_item {
width: 100%;
height: auto;
border-radius: 0.16rem;
padding: 0.4rem;
box-sizing: border-box;
margin: .52rem 0 .4rem;
}
.entePriseculture .group_item .itemcontainer {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.entePriseculture .itemcontainer section {
display: flex;
justify-content: flex-start;
flex-direction: row;
margin: 0;
width: 2.97rem;
height: 1.6rem;
align-items: baseline;
}
.entePriseculture .itemcontainer .image-top {
margin-right: 0.5rem;
width: 1.6rem;
height: 1.6rem;
}
.entePriseculture .itemcontainer p {
display: inline-block;
margin: .4rem 0 0 0;
}
.entePriseculture .group_item:nth-child(2) {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.entePriseculture .text-wrapper-shb {
width: 100%;
height: auto;
margin: 0;
}
.entePriseculture .pc272height {
display: flex;
justify-content: flex-start;
flex-direction: column-reverse;
}
.entePriseculture .itemcontainer .image-bottom {
width: .88rem;
height: .88rem;
/* margin-top: 12px; */
}
.entePriseculture .group-culture-lininan {
height: auto;
padding: .4rem;
}
.entePriseculture .box-top {
width: 100%;
height: auto;
margin: 0;
flex-direction: column;
}
.entePriseculture .image-culute-systen {
width: 100%;
height: auto;
margin-top: 0;
}
.entePriseculture .section_1 {
width: 100%;
height: 448px;
margin-left: 0;
flex-wrap: wrap;
flex-direction: row;
margin-top: .8rem;
}
.entePriseculture .text-wrapper-param {
overflow-wrap: break-word;
font-size: 0;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
line-height: 32px;
margin-bottom: .4rem;
}
.entePriseculture .text-wrapper-param:nth-child(2n) {
margin-right: 0%;
}
.m-list-content-infos {
flex-wrap: wrap;
margin-top: .8rem;
}
.entePriseculture .group-bottom {
width: 100%;
height: auto;
padding: 0;
box-shadow: inset 0px 1px 0px 0px #F2F2F2;
margin: 0;
}
.entePriseculture .group_shidaijingshen {
width: 100%;
height: auto;
margin: .4rem 0 1.21rem 0;
border-radius: 8px;
border: 1px solid #E8E8E8;
display: flex;
flex-direction: column;
padding: 0.4rem;
}
.entePriseculture .box-info-last {
width: 2rem;
height: 2rem;
margin: 0;
background-size: 100% 100%;
}
.entePriseculture .text-wrapper_20 {
width: 100%;
height: auto;
margin: .4rem 0 0 0;
}
.entePriseculture .text-shidai-title {
margin-bottom: .4rem;
}
.gongsijianjie .text-params-p1 {
padding: 0px;
margin: 0px;
box-sizing: border-box;
line-height: .48rem;
width: 100%;
display: inline-block;
margin-top: .24rem;
font-size: .28rem;
color: #666;
}
.gongsijianjie .imgCover-left img {
border: 0px;
vertical-align: middle;
width: 100%;
/* position: absolute; */
/* top: -0.60rem; */
height: auto;
border: 1px solid #008A7B;
}
.gongsijianjie .image-info-item {
width: 50%;
height: auto;
text-align: center;
min-height: auto;
margin-bottom: 0.99rem;
}
.gongsijianjie .text-wrapper-acount-txt {
font-family: MicrosoftYaHei;
font-size: .28rem;
color: #666666;
line-height: .37rem;
text-align: justify;
font-style: normal;
text-align: center;
}
.gongsijianjie .font12-item {
font-family: Arial, Arial;
font-weight: bold;
font-size: .6rem;
color: #008A7B;
line-height: .69rem;
text-align: justify;
font-style: normal;
}
.gongsijianjie .font13-item {
font-family: MicrosoftYaHei;
font-size: .28rem;
color: #008a7b;
line-height: normal;
text-align: justify;
font-style: normal;
margin-left: 0.08rem;
position: relative;
top: -1px;
}
.practicalactivity .digital-containers .swiper-slide {
height: .64rem;
line-height: .64rem;
border-radius: .32rem;
border: 1px solid #E8E8E8;
cursor: pointer;
}
.practicalactivity .digital-containers .swiper-3d {
width: 78%;
margin: 0 11%;
height: inherit;
box-sizing: border-box;
overflow: hidden;
}
.practicalactivity .digital-containers .swiper-3d {
margin-top: .64rem;
}
.practicalactivitypage .box-item-containers .group-tip-box {
background-color: rgba(247, 248, 250, 1);
width: 100%;
height: auto;
margin-top: 0;
padding: 30px 20px;
box-sizing: border-box;
}
.mid-containers .fonn3 {
font-size: 44px !important;
width: auto !important;
}
.mid-containers .font2 {
justify-content: start !important;
}
.mid-containers .font13 {
margin: 0px 0px 0px 8px !important;
}
}
@media screen and (max-width: 1024px) {
/* .practicalactivity .digital-containers {
position: relative;
height: 64px;
width: 100%;
} */
.practicalactivity .digital-containers .swiper-3d {
width: calc(100% - 64px);
height: inherit;
box-sizing: border-box;
overflow: hidden;
margin: 0 auto;
margin-top: 32px;
}
.practicalactivity .digital-containers .swiper-slide {
width: 64px;
height: 32px;
line-height: 32px;
border-radius: 16px;
/* border: 1px solid #E8E8E8;
cursor: pointer; */
}
.practicalactivity .digital-containers .swiper-button-next {
width: 32px;
height: 32px;
background: url(/image/detailsleft.png) no-repeat;
background-size: cover;
margin-top: -31px;
left: 0;
}
.practicalactivity .digital-containers .swiper-button-prev {
width: 32px;
height: 32px;
background: url(/image/detailright.png) no-repeat;
background-size: cover;
margin-top: -31px;
right: 0;
left: auto;
}
.practicalactivity .digital-containers .swiper-slide .text-title {
text-align: center;
color: #333333;
font-size: 14px;
}
.practicalactivity .digital-containers .swiper-slide.active {
background: #F7B334;
border-radius: 16px;
}
.practicalactivity .digital-containers .swiper-slide.active>div::after {
content: '';
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #F7B334;
position: absolute;
top: 95%;
left: 50%;
transform: translateX(-50%);
}
.practicalactivity .digital-containers .swiper-slide.active .text-title {
color: #FFFFFF;
}
}