.berper .swiper-slide { position: relative; } .berper .swiper-slide img { width: 100%; } .wenz { position: absolute; left: 15%; top: 40%; color: white; font-size: 0.65rem; line-height: 1rem; } .wenz.wenz2 { left: 54% !important; color: #005EA6; } .wenz.wenz1 { left: 55%; } .aboutUs { background: url(../images/outbjt.png) no-repeat; background-size: 100% 100%; padding-top: 0.7rem; margin-bottom: 0.5rem; } .zhltjs { padding: 0 5% 0 10%; overflow: hidden; } .outLeft { float: left; width: 45%; padding-top: 0.4rem; } .outRight { float: right; width: 50%; } .outRight img { width: 100%; } .outLeft dd { font-size: 36px; line-height: 40px; color: #DCE0E2; } .tleh3 { color: #333333; font-size: 36px; line-height: 40px; } .outxt { margin: 0.45rem 0; font-size: 16px; color: #666666; line-height: 32px; } .gxcs { display: flex; justify-content: space-between; } .gxcs li h3 { font-size: 0.48rem; font-weight: 900; color: #333333; } .gxcs li h3 span { font-size: 14px; margin-left: 5px; } .gxcs li p { color: #999999; font-size: 0.16rem; line-height: 0.3rem; margin-top: 10px; } .otxq { margin-top: 0.5rem; line-height: 50px; } .otxq span { display: inline-block; width: 50px; height: 50px; text-align: center; background: #C4C4C4; } .otxq span img { margin-top: -5px; } .otxq a { font-size: 16px; line-height: 40px; color: #999999; margin-left: 20px; } .siness { background: url(../images/ywbj.png) no-repeat; padding: 0.6rem 0; } .develop { padding-left: 10%; position: relative; } .develop::after { content: ''; display: block; clear: both; } .nestle { float: left; color: #333333; font-size: 36px; font-weight: 500; line-height: 40px; } .busve { position: absolute; left: 4%; top: 2rem; font-size: 16px; transform: rotateZ(90deg); } .pmenthx { float: right; width: calc(100% - 180px); padding-top: 0.7rem; position: relative; padding-bottom: 1rem; /* background: #F2F3F5; */ } .pmeimg { width: 100%; display: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .fthxp { position: relative; } .cpduce { position: absolute; left: 6%; right: 6%; bottom: 0; display: none; } .cpduce h3 { color: white; font-size: 30px; line-height: 40px; } .cpduce p { margin: 0.2rem 0; color: white; font-size: 19px; line-height: 30px; } .cpduce div { margin-bottom: 1.4rem; line-height: 40px; } .cpduce div a { color: white; font-size: 18px; } .cpduce div img { margin-left: 0.15rem; vertical-align: baseline; } .cptitle { position: absolute; left: 6%; right: 6%; bottom: 0.5rem; display: flex; justify-content: space-between; } .cptitle li { width: 2.6rem; height: 1rem; background: #0051A2; border-radius: 10px; font-size: 0.26rem; line-height: 1rem; text-align: center; position: relative; cursor: pointer; } .cptitle li a { color: white; } .cptitle li img { margin-right: 0.1rem; max-width: 20%; } .cptitle li::after { content: ''; position: absolute; left: 0; bottom: -0.2rem; width: 0; height: 5px; background: url(../images/bjts.png) no-repeat; background-size: 100% 100%; transition: all 0.8s; -webkit-transition: all 0.8s; } .cptitle .cpactive::after { width: 0.8rem; } .cptitle li:hover::after { width: 0.8rem; transition: all 0.8s; -webkit-transition: all 0.8s; } .vision { position: relative; } .vision img { width: 100%; } .sonaot { position: absolute; text-align: center; color: white; width: 100%; top: 53%; left: 60%; right: 60%; transform: translateX(-60%) translateY(-60%); } .sonaot h4 { font-size: 26px; margin-bottom: 0.8rem; } .sonaot p { font-size: 0.85rem; font-weight: 900; line-height: 1.25rem; } .enwst { padding: 0.8rem 10%; background: url(../images/newsbj.png) no-repeat; background-size: 100%; overflow: hidden; } .newsLeft { float: left; width: 50%; } .newsper .swiper-slide p { height: 4.4rem; } .newsper .swiper-slide p img { width: 100%; height: 100%; } .newsper .swiper-slide h3 { margin-top: 0.3rem; font-size: 0.32rem; font-weight: 700; line-height: 0.48rem; } .newsper .swiper-slide div { line-height: 0.5rem; border-bottom: 1px solid #C4C4C4; margin-top: 0.2rem; } .newsper .swiper-slide div span { font-size: 16px; font-weight: 400; line-height: 20px; color: #999999; } .newsper .swiper-slide div a { float: right; } .newsRight { float: right; width: 40%; } .xwtle { overflow: hidden; position: relative; } .xwtle::after { content: ''; position: absolute; left: 0; right: 0; bottom: 1px; height: 1px; background: #C4C4C4; z-index: -1; } .xwtle li { float: left; line-height: 0.8rem; color: #0051A2; font-size: 0.38rem; cursor: pointer; } .xwtle li:nth-child(1) { margin-right: 0.6rem; } .nsmore { float: right; color: #C4C4C4; font-size: 0.38rem; margin-top: 0.2rem; } .tlsver { border-bottom: 3px solid #0051A2; } .headlines { margin-top: 0.2rem; } .headlines li { overflow: hidden; padding: 0.3rem 0; border-bottom: 1px solid transparent; position: relative; } .headleft { float: left; width: 70px; } .headleft b { color: #999999; font-size: 0.36rem; font-weight: 700; display: block; line-height: 0.46rem; text-align: center; } .headleft p { text-align: center; color: #999999; font-size: 0.16rem; } .headright { float: right; width: calc(100% - 100px); box-sizing: border-box; padding-right: 0.6rem; font-size: 0.2rem; font-weight: 400; line-height: 0.3rem; margin-top: 5px; } .headright a { color: #333F48; } .headlines li::after { content: ''; position: absolute; width: 17px; height: 16px; right: 30px; top: 41px; background: url(../images/lbjt.png) no-repeat; opacity: 0; transition: all 0.8s; -webkit-transition: all 0.8s; } .headlines li:hover { border-bottom: 1px solid #C4C4C4; } .headlines li:hover .headright a { color: #1E4F91; } .headlines li:hover::after { opacity: 1; right: 0; transition: all 0.8s; -webkit-transition: all 0.8s; } .xwlbstr { display: none; } @media screen and (max-width: 1270px) { .busve, .fotul { display: block; } .zhltjs { padding: 0 5%; } .enwst { padding: 30px 5%; } .outLeft, .outRight, .newsLeft, .newsRight, .pmenthx, .fotul, .fobcut, .foewm { width: 100% !important; } .gxcs li h3 { font-size: 24px; } .cptitle li { width: 110px; } .cptitle li::after { height: 3px; } .otxq { margin-bottom: 30px; } .develop { padding-left: 5%; } .fotul li a:nth-child(1) { font-size: 14px; } .fotul li a{ font-size: 14px;} .fotul li{width: 33.3%;} .fotul{margin-bottom: 10px;} .foosts, .fesple { width: 90% !important; } .fesple div:nth-child(1), .fesple div:nth-child(2) { width: 100%; text-align: center; } .foewm { text-align: center; } .foewm img { width: 20% !important; height: auto !important; } } .berper .swiper-button-next { right: 6.6%; left: auto; background-image: url(../images/whitebigr_btn.png); width: 1.4vw; height: 2.65vw; transition: background-image .3s; } .berper .swiper-button-prev, .NewBanner .swiper-button-next { top: 50%; margin-top: -1.325vw; left: 6.6%; background: url(../images/whitebigl_btn.png) no-repeat center / cover; width: 1.4vw; height: 2.65vw; transition: background-image .3s; } .swiper-pagination1 span { width: 3.5vw !important; height: 2px !important; border-radius: 0 !important; background: #fff !important; box-shadow: 0 0 20px rgba(0, 0, 0, .5); opacity: 1 !important; transition: height .1s ease-in-out; } .berper .swiper-pagination-bullet-active { height: 4px !important; }