.imgCover-left img {
width: 500px;
height: 333px;
float: right;
margin-left: 80px;
}
.about-content {
display: flex;
align-items: center;
}
.about-content-num {
color: rgb(0, 138, 123);
font-size: 88px;
font-weight: 700;
text-wrap: nowrap;
line-height: 106px;
}
.about-content-title {
color: rgb(51, 51, 51);
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
.about-content-desc {
margin: 13px 0px 0px;
font-size: 14px;
line-height: 19px;
}
.about-content-br {
background-color: rgb(0, 138, 123);
width: 2px;
height: 74px;
margin: 16px 20px 0px 20px;
}
.manage-tab {
width: 100%;
padding-bottom: 64px;
}
.manage-tab .manage-active,
.manage-tab a:hover {
color: #008A7B !important;
}
.manage-tab a {
font-weight: bold;
font-size: 24px;
color: #666666;
line-height: 36px;
margin-right: 40px;
}
.manage-content li {
width: 100%;
background: #FFFFFF;
border: 1px solid #E8E8E8;
margin-bottom: 20px;
padding: 40px;
box-sizing: border-box;
border-radius: 5px;
position: relative;
}
.manage-content li .spaninfo-top {
margin-bottom: 20px;
}
.manage-content li .span-title {
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 32px;
font-style: normal;
margin-right: 16px;
}
.manage-content li .span-title::before {
content: "";
width: 4px;
height: 18px;
background: #F7B334;
display: inline-block;
position: absolute;
left: 0;
top: 48px;
}
.manage-content li .span-sex {
font-size: 16px;
color: #999999;
line-height: 24px;
}
.video-item {
width: calc(33.88% - 20px);
margin-right: 20px;
margin-bottom: 20px;
}
.video-item:nth-child(3n) {
margin-right: 0;
}
.video-list {
display: flex;
flex-wrap: wrap;
}
.video-item-pic {
width: 100%;
height: 214px;
overflow: hidden;
border-radius: 8px 8px 0px 0px;
}
.video-item-cover {
width: 100%;
height: 100%;
transition: all ease .3s;
position: relative;
cursor: pointer;
}
.video-item-title {
width: 100%;
height: 100px;
background: #F7F8FA;
border-radius: 0px 0px 8px 8px;
font-weight: bold;
font-size: 20px;
color: #333333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 100px;
padding: 0 12px;
}
.video-item:hover .video-item-cover {
transform: scale(1.1);
}
.video-item-icon {
background: url(/en/image/defaultPlay.png) no-repeat center center;
background-size: 48px 48px;
width: 48px;
height: 48px;
}
.video-item-icon:hover {
background: url(/en/image/hoverPlay.png) no-repeat center center;
background-size: 48px 48px;
}
.culture {
width: 100%;
min-height: 635px;
background: url(/en/image/culture-bg.png) 100% no-repeat;
background-size: 100% 100%;
background-position: top center;
}
.culture-item {
width: 100%;
padding: 40px;
display: flex;
border: 1px solid #E8E8E8;
margin-bottom: 20px;
}
.culture-item-left img {
max-width: 140px;
}
.culture-item-left {
display: flex;
flex-flow: column;
align-items: center;
}
.culture-item-left img:nth-child(2) {
max-width: 88px;
margin-top: 30px;
}
.culture-item-right {
font-size: 16px;
color: #666666;
line-height: 32px;
margin-left: 40px;
text-align: justify;
}
.culture-item:nth-child(2) {
flex-flow: row-reverse;
}
.culture-item:nth-child(2) .culture-item-right {
margin: 0 20px 0 0;
}
.culture-tab {
width: 100%;
height: 88px;
background: #FFFFFF;
margin: 64px 0 30px 0;
}
.culture-tab li {
width: 33.33%;
border: 1px solid #DDDDDD;
height: 100%;
font-size: 20px;
color: #333333;
line-height: 88px;
text-align: center;
cursor: pointer;
}
.culture-tab-active {
background: #F7B334;
color: #fff !important;
}
.culture-tab-content-item {
width: 100%;
padding: 40px;
background: #F9F9F9;
border: 1px solid #E8E8E8;
text-align: justify;
}
.culture-tab-content-desc {
font-size: 24px;
color: #333333;
line-height: 28px;
text-align: left;
font-style: normal;
margin-bottom: 36px;
}
.company {
margin-top: 80px;
}
.company-item img {
width: 120px;
}
.company-item-title {
font-size: 16px;
text-align: center;
text-wrap: nowrap;
line-height: 21px;
margin: 44px 0 38px 0;
}
.company-item-num {
color: rgb(0, 138, 123);
font-size: 48px;
text-wrap: nowrap;
font-weight: bold;
line-height: 58px;
}
.company-item-num span {
font-size: 16px;
text-wrap: nowrap;
line-height: 16px;
}
@media screen and (max-width: 1080px) {
.imgCover-left img {
float: none;
width: 100%;
margin-left: 0;
height: auto;
}
.about-content-num {
font-size: 44px;
line-height: 51px;
}
.about-content-title {
font-size: 14px;
line-height: 20px;
white-space: nowrap;
}
.about-content-desc {
font-size: 14px;
line-height: 16px;
margin: 10px 0 0 0;
}
.about-content-br {
height: 41px;
margin: 0 10px
}
.about-content {
width: 100%;
margin: 34px 0 12px 0;
}
.manage-tab {
padding-bottom: 32px;
}
.manage-tab a {
font-size: 16px;
line-height: 18px;
margin-right: 20px;
}
.manage-content li {
padding: 20px;
}
.manage-content li .span-title {
font-size: 16px;
line-height: 20px;
margin-right: 8px;
}
.manage-content li .span-sex {
font-size: 14px;
line-height: 18px;
}
.manage-content li .span-title::before {
top: 24px;
}
.video-item {
width: 100%;
margin-right: 0;
}
.video-item-pic {
height: 193px;
border-radius: 4px 4px 0px 0px;
}
.video-item-title {
height: 80px;
font-size: 16px;
border-radius: 0 0 4px 4px;
line-height: 80px;
}
.jp-video {
width: 90% !important;
margin: 0 !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
.jp-jplayer,
.jp-jplayer img,
.jp-state-playing video {
width: 100% !important;
height: auto !important;
}
/* .jp-video-play-icon {
background: url(/en/image/hoverPlay.png) no-repeat center center !important;
background-size: 48px 48px !important;
width: 48px !important;
height: 48px !important;
margin-top: -13px !important;
}
.jp-close {
background: url(/en/image/video-close.png) no-repeat center center !important;
background-size: cover !important;
right: -10px !important;
width: 40px !important;
height: 40px !important;
} */
.culture-item {
flex-flow: column;
padding: 20px;
}
.culture-item-left {
flex-flow: row;
}
.culture-item:nth-child(2) {
flex-flow: column;
}
.culture-item-right {
margin: 20px 0 0 0;
}
.culture-item-left img {
max-width: 70px;
}
.culture-item-left img:nth-child(2) {
max-width: 44px;
margin: 36px 0 0 25px;
}
.culture-tab li {
height: 50px;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.culture-tab-content-item {
padding: 20px;
}
.culture-tab-content-desc {
font-size: 18px;
color: #333333;
line-height: 24px;
margin-bottom: 32px;
}
.company {
flex-wrap: wrap;
margin-top: 40px;
}
.company-item img {
width: 60px;
}
.company-item {
width: 50%;
margin-bottom: 20px;
}
.company-item-num {
font-size: 24px;
line-height: 36px;
}
.company-item-title {
margin: 22px 0 16px 0;
}
}