.zhuli-about_us{padding:90px 0;position:relative;} .zhuli-about_us .wp{display:flex;justify-content:space-between;position:relative;z-index:20; align-items: center;} .zhuli-about_us .txt{-webkit-flex:1;flex:1;margin-right:50px;} .zhuli-about_us .txt em{color: #003153;font-size: 17px; font-weight: bold;} .zhuli-about_us .txt h3{color:#2d2d2d;font-size: clamp(24px, 2.1vw, 40px);line-height:1;font-weight:700;margin:15px 0 0;} .zhuli-about_us .txt .t{font-size:17px;color:#595a59;line-height:26px;margin:30px 0 0;} .zhuli-about_us .txt .t .nav ul{ display: flex; } .zhuli-about_us .txt .t p{} .zhuli-about_us .txt .more{width:278px;height:60px;line-height:60px;display:block;margin:35px auto 0 0;background:var(--btn-bg);border-radius:40px;font-size: 18px;color:#fff;text-align:center;} .zhuli-about_us .txt .more:hover{background:var(--btn-bg-hover);} .zhuli-about_us .pic{width:53%;position:relative;} .zhuli-about_us .pic .swiper-slide > img{border-radius:20px;} .zhuli-about_us .v{width:100%;display:block;overflow:hidden;position:relative;border-radius:20px;box-shadow: 0 0 10px 3px rgba(63,62,62,0.05);} .zhuli-about_us .v > img{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;width: 100%; height: 100%;aspect-ratio: 4 / 5;object-fit: cover;} .zhuli-about_us .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;/*background:url("./pics/v1.png") no-repeat center;*/display:block;} .zhuli-about_us .v:hover > img{transform:scale(1.03);-webkit-transform: scale(1.03);} .zhuli-about_us .v .play{position:absolute;z-index:10;left:calc(50% - 57px);top:calc(50% - 57px);} .zhuli-about_us .v .play .box{width:114px;height:114px;background:rgb(255,255,255,0.3);border-radius:50%;position:relative;z-index:20;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;} .zhuli-about_us .v .play .box img {margin-right: -12px;} .zhuli-about_us .v .play > img{} .zhuli-about_us .v .play::before{content:"";position:absolute;top:0;right: 0;bottom:0;left:0;border-radius:50%;background:rgba(236,241,246,0.6);animation:scale1 2s linear infinite;} .zhuli-about_us .v .play::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(236,241,246,0.2);animation:scale2 2s linear infinite;} .zhuli-about_us .v:hover::after{opacity:1;} .zhuli-about_us .page{position:absolute;z-index:20;bottom:20px;left:0;right:0;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;} .zhuli-about_us .swiper-button-prev,.zhuli-about_us .swiper-button-next{position:static;width:56px;height:56px;border-radius:0;background:none;color:#fff;margin-top:0;text-align:center;} .zhuli-about_us .swiper-button-prev::after,.zhuli-about_us .swiper-button-next::after{display:none;} .zhuli-about_us .swiper-button-prev i,.zhuli-about_us .swiper-button-next i{font-size:35px;line-height:56px;color:inherit;} .zhuli-about_us .swiper-button-prev:hover,.zhuli-about_us .swiper-button-next:hover{color:#25AC39;} .zhuli-about_us .swiper-pagination-bullets{position:static;margin:0 5px;width:auto;} .zhuli-about_us .swiper-pagination-bullet {height:14px;width:14px;margin:0 9px;background:#fff;border-radius:50%;opacity:1;} .zhuli-about_us .swiper-pagination-bullet-active{background:transparent;border:2px solid #21AB3C;} @media screen and (max-width:1600px) { .zhuli-about_us .pic{width:50%;} } @media screen and (max-width:1281px){ .zhuli-about_us {padding: 80px 0;} .zhuli-about_us .txt .t {font-size: 16px;line-height: 28px;margin: 20px 0 0;} .zhuli-about_us .txt .more {width: 228px;height: 50px;line-height: 50px;margin: 30px auto 0 0;font-size: 18px;} } @media screen and (max-width:1080px) { .zhuli-about_us{padding:30px 0 10px;} .zhuli-about_us .wp{-webkit-flex-direction:column;flex-direction:column;} .zhuli-about_us .txt{width:100%;margin:0 0 25px;} .zhuli-about_us .txt em {text-align: center;display: block;font-size: 20px;} .zhuli-about_us .txt h3{display:block;text-align:center;} .zhuli-about_us .txt h3::after{display:none;} .zhuli-about_us .txt .t{font-size:16px;line-height:26px;margin:25px 0 0;} .zhuli-about_us .txt .t p~p{margin-bottom:8px;} .zhuli-about_us .txt a.more{margin:25px auto 0;font-size:17px;display:block;text-align:center;} .zhuli-about_us .pic {width: 100%;} .zhuli-about_us .video{width:100%;} .zhuli-about_us .video::after{background-size:90px;} } @media screen and (max-width:480px) { .zhuli-about_us .txt .t {font-size: 14px;line-height: 22px;margin: 15px 0 0;} } /*faq*/ .pro-faq ul {} .pro-faq ul li { /* border: 1px solid #E5EAF4; */ /* border-radius: 4px; */ /* padding: 20px; */ cursor: pointer; } .pro-faq ul li+li { margin-top: 15px; } .pro-faq ul li .tit { overflow: hidden; color: #333; cursor: pointer; display: flex; } .pro-faq ul li .tit span { width: 32px; line-height: 32px; height: 32px; background: #D8D8D8; font-size: 17px; border-radius: 3px; font-weight: bold; display: none; text-align: center; } .pro-faq ul li .tit h5 { flex: 1; font-size: 17px; color: #333; font-weight: 700; line-height: 30px; margin: 0 0 0 15px; font-family: "IBM Plex Sans", sans-serif; margin: 0; } .pro-faq ul li .con { margin: 10px 0 0; display: flex; } .pro-faq ul li .con span { width: 32px; line-height: 32px; height: 32px; background: #06304F; color: #fff; border-radius: 3px; font-size: 17px; font-weight: bold; display: none; text-align: center; font-family: "IBM Plex Sans", sans-serif; } .pro-faq ul li .con .t { flex: 1; margin: 0 0 0 15px; font-size: 16px; line-height: 22px; /*color: #183B56;*/ padding: 3px 0 0; font-family: "IBM Plex Sans", sans-serif; margin: 0; } /*.pro-faq ul li:hover { border-left-color: var(--color-active); box-shadow: rgba(0, 0, 0, 0.09) 0px 6px 9px 0px; } */