/* 浜烘墠鐞嗗康 */ .about-development-text { margin: 0 auto; } .talent-jiyu { padding-top: 0.97rem; background: #F8F9FA; } .talent-jiyu-content { margin: 0 auto; padding: 0.89rem 0; } .talent-jiyu-title { font-size: 0.36rem; font-family: Microsoft YaHei; font-weight: bold; color: #014098; } .talent-jiyu-p { font-size: 0.18rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.46rem; color: #333; margin-top: 0.4rem; } .talent-idea-wrap { padding-bottom: 1.54rem; padding-top: .76rem; display: flex; align-items: center; margin: 0 auto; } .talent-idea-wrapc { width: 7.29rem; margin-right: 1.22rem; } .talent-idea-wrapctitle { font-size: 0.24rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #343434; } .talent-idea-wrapct { margin-top: .12rem; font-size: 0.36rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #014098; } .talent-idea-wrapcsolid { margin-top: .29rem; width: 0.72rem; border-bottom: 0.04rem solid #02438D; } .talent-idea-wrapcp { margin-top: .59rem; font-size: 0.18rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #343434; line-height: 0.36rem; text-align: justify; } .talent-idea-wrap img { box-shadow: 15px -15px 0 #EEEEEE; width: 7.34rem; height: 4.14rem; object-fit: cover; } /* 浜烘墠鐞嗗康 end*/ /* 浜烘墠鎴樼暐 */ .talent-strategy-box1 { margin: 0 auto; padding-bottom: 0.47rem; } .talent-strategy-p { margin-top: 0.63rem; font-size: 0.18rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; } .talent-zhan-wrap { width: 100%; background: #F8F9FA; padding: 0.43rem 0; } .talent-zhan-box { min-height: 5.19rem; margin: 0 auto; display: flex; position: relative; align-items: center; } .talent-zhan-left { width: 6.66rem; } .talent-zhan-img { width: 9.03rem; position: absolute; bottom: 0; right: 0; } .talent-zhan-img img { width: 100%; height: auto; } .talent-num { width: 1.08rem; height: 0.57rem; background: #014098; font-size: 0.57rem; font-family: Arial-Bold, Arial; font-weight: bold; color: #FFFFFF; text-align: center; line-height: .57rem; } .talent-title { font-size: 0.48rem; font-family: MicrosoftYaHei-Bold-, MicrosoftYaHei-Bold; font-weight: normal; color: #444444; margin-top: 0.26rem; } .talent-p { text-align: justify; width: 6.66rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #5E5E5E; line-height: 0.36rem; margin-top: 0.36rem; } .talent-p1 { text-align: justify; width: 7.47rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #5E5E5E; line-height: 0.36rem; margin-top: 0.36rem; } .talent-px-wrap { margin: 1rem auto; display: flex; } .talent-px-item { flex: 1; height: 5rem; position: relative; transition: all .4s ease; } .talent-px-img { width: 100%; height: 100%; object-fit: cover; transition: all .4s ease; } .talent-px-box { width: 100%; height: 1rem; position: absolute; bottom: 0; left: 0; padding: 0 0.25rem; transition: all .4s ease; } .talent-px-text { font-size: 0.2rem; font-family: MicrosoftYaHei; color: #FFFFFF; line-height: 0.3rem; transition: all .4s ease; } .talent-px-line { width: 0.51rem; height: 0.05rem; background: #FFFFFF; margin: 0.4rem 0; display: none; transition: all .4s ease; } .talent-px-p { font-size: 0.18rem; font-family: MicrosoftYaHei; color: #FFFFFF; line-height: 0.24rem; display: none; transition: all .4s ease; } .talent-px-wrap .active { flex: 3; } .talent-px-wrap .active .talent-px-box { height: auto; left: 50%; top: 50%; bottom: auto; transform: translate(-50%, -50%); padding: 0 0.6rem; } .talent-px-wrap .active .talent-px-line { display: block; } .talent-px-wrap .active .talent-px-p { display: block; } .talent-list { margin: 0 auto; } .talent-item { /* background: #FFFFFF; box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(0, 0, 0, 0.1600); */ display: flex; margin-bottom: 1.1rem; padding: 0.3rem 0; align-items: center; justify-content: space-between; } .talent-item-img-box { box-shadow: -.3rem -.27rem 0 #EEEEEE; width: 8.01rem; min-height: 5.04rem; margin: 0 0.3rem; } .talent-item-img-box2 { box-shadow: .3rem -.27rem 0 #EEEEEE; width: 8.01rem; min-height: 5.04rem; margin: 0 0.3rem; } .talent-item-img { } .talent-item-img img { width: 100%; height: 5.04rem; } .talent-item-content { flex: 1; margin-left: .7rem; } .talent-item-content2 { flex: 1; } .talent-des-bg{ margin: 1rem auto; padding-left: .27rem; } .talent-des-wrap { box-shadow: -.27rem -.26rem 0 #eeeeee; min-height: 6.25rem; width: 15.72rem; background: url(../image/talent/gl.png) no-repeat; background-size: cover; padding: 0 0.56rem; display: flex; align-items: center; justify-content: flex-end; } .talent-des-box { width: 7.47rem; } /* 浜烘墠鎴樼暐 end*/ /* 鍛樺伐椋庨噰 */ .talent-staff-wrap { margin: 1rem auto; } .talent-banner { margin-top: 0.7rem; } .talentSwiper { width: 90%; margin: 0 auto; } .talent-banner .swiper-button-next:after, .talent-banner .swiper-button-prev:after { font-size: 0.4rem; color: #333333; } .talent-banner .swiper-button-next { right: 0; } .talent-banner .swiper-button-prev { left: 0; } .talentSwiper .swiper-wrapper { display: flex; align-items: center; padding-bottom: 0.7rem; } .talentSwiper .swiper-slide { position: relative; z-index: 1; /*box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(0, 0, 0, 0.1600);*/ } .talent-banner-img img { width: 100%; height: 2.92rem; object-fit: cover; } .talent-banner-text { padding: 0.3rem 0.35rem; background: #fff; position: relative; } .talent-banner-p { width: 3rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; line-height: 0.32rem; } .talent-banner-num { position: absolute; bottom: 0.17rem; right: 0.06rem; font-size: 0.55rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #F0F0F0; font-style: oblique; } /* 鍛樺伐椋庨噰 end*/ /* cqn add */ .talentSwiper .swiper-slide{ transform: scale(1.1); } .talentSwiper .swiper-slide-active, .swiper-slide-duplicate-active { transform: scale(1.4); z-index: 100; } /* 涓婇潰娉ㄩ噴浜嗛槾褰 */ .talentSwiper .swiper-slide{ text-align: center; margin-top: .62rem; } .talentSwiper{ width:100% !important; margin: 0 auto; } .talent-ban-box{ position: relative; } .talent-ban-box .swiper-button-next{ right: -.6rem; background-position: 0 0; background-size: 100%; position: absolute; z-index: 10; cursor: pointer; } .talent-ban-box .swiper-button-prev{ left:-.6rem; background-position: 0 0; background-size: 100%; position: absolute; z-index: 10; cursor: pointer; } @media only screen and (max-width: 1024px) { .talent-jiyu { padding: 0 0.2rem; padding-top: .88rem; } .talent-jiyu-p{ font-size: .24rem; } .talent-idea-wrapctitle{ font-size: .35rem; } .talentSwiper{ width: 80% !important; } .talent-ban-box .swiper-button-prev{ left: 0; } .talent-ban-box .swiper-button-next{ right: 0; } .talent-idea-wrap { display: block; height: auto; padding: 0.6rem 0; } .talent-jiyu-content { padding: 0.6rem 0; } .talent-idea-wrapc { padding: 0 .2rem; position: inherit; left: 0; top: 0; width: 100%; height: auto; } .talent-item-img-box2{ width: 100%; margin: 0; margin-top: .57rem; } .talent-idea-wrapct { line-height: 0.4rem; } .talent-idea-wrapcp { margin-top: 0.2rem; font-size: .24rem; line-height: 0.36rem; } .talent-item-content{ margin-left: 0; margin-top: .3rem; } .talent-strategy { padding: 0 0.2rem; } .talent-p{ width: 100%; } .talent-zhan-box { display: block; } .talent-des-bg{ padding-left: 0; } .talent-zhan-img { position: inherit; width: 100%; } .talent-des-wrap{ width: 100%; display: block; } .talent-des-box{ width: 100%; padding-top: .4rem; } .talent-zhan-left { width: 100%; padding: 0.2rem; } .talent-p1{ font-size: .26rem; line-height: 0.4rem; width: 100%; } .talent-des-wrap{ background-position: center !important; } .talent-strategy-p, .talent-p { font-size: 0.26rem; line-height: 0.4rem; } .talent-px-wrap { display: block; } .talent-px-item { height: 3.5rem; margin-bottom: .2rem; } .talent-px-p { font-size: 0.26rem; line-height: 0.4rem; } .talent-px-text { font-size: 0.28rem; line-height: 0.4rem; } .talent-idea-wrap img{ margin-top: .6rem; } .talent-px-wrap .talent-px-box { height: auto; left: 50%; top: 50%; bottom: auto; transform: translate(-50%, -50%); padding: 0 0.6rem; } .talent-px-wrap .talent-px-line { display: block; } .talent-px-wrap .talent-px-p { display: block; } .talent-staff-wrap{ padding: 0 .25rem; } .talent-item { display: block; } .talent-item-img-box { margin: 0; width: 100%; } .talent-item-img { position: inherit; } .talent-item { margin-bottom: 0.3rem; } .about-text { padding: 0 0.2rem; } .talent-banner .swiper-button-prev { left: -5px; } .talent-banner .swiper-button-next { right: -5px; } }