@charset "utf-8"; a, img { vertical-align: top; } .zindex10 { position: relative; z-index: 10; } .container { width: 84%; margin: auto; } .container2 { width: 88%; margin: auto; } @media(max-width: 1600px){ .container { width: 86%; } .container2 { width: 90%; } } @media(max-width: 1300px){ .container { width: 90%; } .container2 { width: 92%; } } @media(max-width: 1100px){ .container { width: 90%; } } .colorWhite { color:#fff!important; } .colorblue { color:#0069FF !important; padding: 5px; box-shadow: 2px 2px 12px #e6e6e6; border-radius: 6px; } .colorblue:hover { box-shadow: 2px 0px 12px #d2d2d2; } /*.mainBox { padding-top: 80px; }*/ .header { position: fixed; left:0; top:0; z-index: 999; width: 100%; padding:0 3vw; } .header .logo a { display:block; padding: 24px 0; position: relative; } .header .logo a span { position: relative; font-size:18px; vertical-align:top; line-height: 32px; padding-left:10px; margin-left:10px; display:inline-block; width: 200px; } .header.fixed-head .logo a span { color:#333!important; } .header.newsDet .logo a span { color:#333!important; } .header .logo a span:before { content:''; width: 1px; height: 18px; position: absolute; left:0; top:50%; transform:translateY(-50%); background: rgba(255,255,255,0.3); } .header.fixed-head .logo a span:before { background: rgba(0,0,0,0.3); } .header.newsDet .logo a span:before { background: rgba(0,0,0,0.3); } .header .nav li { float:left; margin-right: 35px; } .header .nav li>a { transition:all 0.6s; line-height: 80px; display:block; font-size:18px;color:rgba(255,255,255,0.6);} .header.fixed-head .nav li>a { color:#333;} .header.newsDet .nav li>a { color:#333;} .header .nav li>a:hover,.header .nav li.cur>a { color:#0069FF; } .header .nav li:last-child { position:relative; } .header .nav li { position:relative; } .header .nav li .sub { text-align:center; display:none; width: 125px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius:5px; overflow: hidden; padding: 20px 20px 20px 20px; position:absolute; left:50%; transform:translateX(-50%); top:78px; } .header .nav li .subA { padding: 20px 10px 20px 40px; text-align:left; } .header .nav li .sub dt a { display:block; font-size: 16px; color:#333; margin-bottom: 12px; } .header .nav li .sub dd { margin-top: ; } .header .nav li .sub dd a { display:block; font-size: 14px; color:#666; margin-bottom: 6px; } .header .nav li:hover .sub { display:block; } .header .ljsy { padding: 19px 0; } .header .ljsy .apply { position: relative; overflow: hidden; color:#fff; background: #0069FF; border-radius:50px; padding:12px 55px 12px 30px; display:inline-block; font-size:18px; line-height: 1; } .header .ljsy .apply:before { z-index: ; content:'';background: #00CE9A; width: 150%; height: 200%; position: absolute; left: -151%; top: -5%; transition:all 0.6s; } .header .ljsy .apply:hover:before { left:-20%; } .header .ljsy .apply:after { content:''; width: 36px; height: 36px; position: absolute; right: 6px; top:50%; transform:translateY(-50%);background: url(../images/webrobot.png) no-repeat center/cover; z-index: 3; } .header .ljsy .apply span { position: relative; z-index: 5; } .nyHeader { background: none; position: fixed; left:0; top:0; width: 100%; z-index: 100; } .fixed-head { background: #fff; border-bottom:1px solid #ededed; } .newsDet { background: #fff; border-bottom:1px solid #ededed; } @media(max-width:1620px){ .header .logo a { padding: 19px 0; position: relative; } .header .logo a span { font-size:16px; } .header .nav li { margin-right: 30px; } .header .nav li>a { line-height: 70px; font-size:16px; } .header .ljsy { padding: 14px 0; } .header .nav li .sub { top: 68px; } /*.mainBox { padding-top: 70px; }*/ } @media(max-width:1620px){ .header .logo a { padding: 19px 0; position: relative; } .header .logo a span { font-size:16px; } .header .nav li { margin-right: 20px; } .header .nav li>a { line-height: 66px; font-size:16px; } .header .nav li .sub { top: 64px; } .header .ljsy { padding: 12px 0; } .header .ljsy .apply { font-size:16px; } .header .logo a img { height: 28px; width: auto; } .header .logo a span { line-height: 28px; } /*.mainBox { padding-top: 65px; }*/ } @media(max-width:1300px){ .header .nav li { margin-right: 18px; } } @media(max-width:1200px){ .header .nav li { margin-right: 10px; } } @media(max-width:1100px){ .header .nav li { margin-right: 15px; } /*.header .logo a span { display:none; }*/ .header .logo a span:before { height: 14px; background: rgba(0,0,0,0.3); } .header .logo a span { font-size:12px; width: 130px; color:#333!important} .header { background: #fff; } .header .ljsy .apply { display:none; background: none; color:#333; padding: 12px 0; margin-right: 10px; } .header,.nyHeader { background: #fff; } .header .ljsy .apply:hover { color:#0069FF; } .header .ljsy .apply:hover:before { left:-200%; } .header .ljsy .apply:after { display:none; } } @media(max-width:350px){ .header .logo a img { height: 24px; } .header .logo a span { padding-left: 6px; margin-left: 6px; } } /*底部样式*/ .footer { background: #000; } .footerA { padding:60px 3vw 120px; } .footerA dl { width: 240px; margin-right:; float:left; margin-right:calc(16.666666% - 294px); } .footerA dl dt a { font-size:20px; color:#fff; padding-bottom:20px; line-height: 1; display:inline-block; border-bottom:2px solid #0069FF; } .footerA dl dt { margin-bottom: 25px; } .footerA dl:last-child { width: 320px; margin-right:0; } .footerA dl dd,.footerA dl dd a,.footerA dl dd p { display:block; font-size:16px;color:rgba(255,255,255,0.8); margin:15px 0; } .footerA dl ul li a { margin:0; } .footerA dl dd a:hover { color:#fff; } .footerA dl ul li { margin-right: 0; float:left; position: relative; } .footerA dl li .ewm { box-sizing:border-box; display:none; position: absolute; left:0; bottom:56px; padding: 10px; background: #fff; border-radius:10px; overflow: hidden; width: 160px; height: 160px; } .footerA dl ul li:last-child { margin-right:0; } .footerA dl li:hover .ewm { display:block; } .copyright { padding: 16px 0; border-top:1px solid rgba(255,255,255,0.3); } .copyright p,.copyright p a { font-size:12px;color:rgba(255,255,255,0.6); } .copyright p a:hover { color:#fff; } .footerA dl ul li:nth-child(n+2) { margin-left: 10px; } .footerA dl ul li a { background: #fff; border-radius:10px; overflow: hidden; text-align:center; width: 70px;height: 70px; } .footerA dl ul li .t {text-align:center; font-size:12px;color:#fff; margin-top:2px; } @media(max-width:1600px){ .footerA { padding: 50px 3vw 100px; } .footerA dl { width: 230px; margin-right:; float:left; margin-right:calc(16.666666% - 282px); } .footerA dl:last-child { width: 320px; margin-right:0; } .footerA dl dt a { font-size: 18px; width: 90px; } .footerA dl dd, .footerA dl dd a, .footerA dl dd p { margin:10px 0; } } @media(max-width:1400px){ /*.footerA dl ul li a img { width: 36px; height: auto; }*/ .footerA { padding: 40px 3vw 80px; } .footerA dl dt a { font-size:18px; } .footerA dl dd,.footerA dl dd a,.footerA dl dd p { font-size:14px; } .footerA dl ul li:nth-child(n+2) { margin-left: 12px; } } @media(max-width:1100px){ .footerA { padding: 30px 3vw 20px; } .footerA dl { display:none; } .footerA dl.contact { float:left; display:block; width: 100%; } .footerA dl.contact ul { margin-top: 20px; } .footerA dl dd,.footerA dl dd a,.footerA dl dd p { font-size:16px; } .footerA dl ul li:nth-child(n+2) { margin-left: 10px; } .footerA dl ul li { width: 80px; margin-bottom:10px; margin: 0 10px 10px 0; } .footerA dl ul li:nth-child(n+2) { margin-left: 0px; } .footerA dl ul li a { width: 80px; height: 80px; } } /*首页*/ .banner { padding:130px 6vw 75px; background: #000; position: relative; } .bannerA { position: relative; } .bannerCon { width: 35vw; min-width:680px; position: absolute; left: 8.5vw; height: calc(100% - 80px); top: 40px; } .bannerConA { width: 100%; height: 100%; background: rgba(17,17,17,0.6); } .bannerConA-a { position: absolute; left:0; width: 100%; top:50%; transform:translateY(-50%); padding:0 35px 0; } .bannerConA .con { font-size:20px; line-height: 2; color:#fff; margin:40px auto 4vw; } .banner .bannerCon { left: 40px; } .bannerB { height: 20px; margin-top:30px; width: 100%; position: relative; } .banner .swiper-pagination { bottom:0; width: 100%; display: flex; } .banner .swiper-pagination-bullet { position: relative; flex: 1; margin-right: 56px; height: 3px; border-radius: 0; background: rgba(255,255,255,0.5); opacity: 1; } .banner .swiper-pagination-bullet:last-child { margin-right:0; } .banner .swiper-pagination-bullet:after { content:''; display: inline-block; height: 3px;position: absolute;left: 0; top:0; background: #0069FF; background-image: linear-gradient(to right,#00D9CC,#00B3DA,#0069FF); } .banner .swiper-pagination-bullet-active:after { -webkit-animation: wit 4.5s infinite; animation: wit 4.5s infinite; box-sizing: border-box; animation-timing-function:linear; } @-webkit-keyframes wit { 0% { width: 0; } 50% { width: 50%; } 100% { width: 100%;} } @keyframes wit { 0% { width: 0; } 50% { width: 50%; } 100% { width: 100%;} } .bannerC { margin-top:40px; } .bannerC ul { display: flex; } .bannerC ul li { cursor: pointer; transition:all 0.5s; float:left; width: calc(25% - 42px); margin-right: 56px; opacity: 0.6; } .bannerC ul li:last-child { margin-right:0; } .bannerC .t { font-size: 24px;color:#fff; font-weight:bold; } .bannerC .c { font-size: 16px;color:#fff; opacity: 0.6; margin-top:10px; line-height: 1.6; max-width:90%; } .bannerC ul li.active,.bannerC ul li:hover { opacity: 1; } @media(max-width: 1920px){ .bannerConA .con { margin: 2vw 0 4vw; } } @media(max-width: 1750px){ .bannerConA .con { font-size:18px; } } @media(max-width: 1700px){ .bannerB { margin-top:20px; } .bannerConA .con { font-size:18px; } .bannerCon { width: 35vw; min-width:600px; } .bannerC .t { font-size: 22px; } .bannerC { margin-top:30px; } } @media(max-width: 1500px){ .banner { padding: 100px 6vw 50px; } .bannerConA-a { padding: 0 20px; } .bannerConA .con { font-size:15px; margin:1.5vw 0 3vw; } .bannerCon { top:30px; height: calc(100% - 60px); width: 35vw; min-width:500px; } .banner .bannerCon { left: 30px; } .bannerC ul li { float:left; width: calc(25% - 21px); margin-right: 28px; } .bannerC ul li:last-child { margin-right:0; } .banner .swiper-pagination-bullet { float:left; width: calc(25% - 21px); margin-right: 28px; } .banner .swiper-pagination-bullet:last-child { margin-right:0; } } @media(max-width: 1100px){ .bannerA .pc { display:block; } .bannerA .mb { display:none; } } @media(max-width: 800px){ .banner { padding: 0; } .bannerA { border-radius:0!important; } .bannerC ul { display:flex; flex-wrap: wrap; } .bannerC ul li { width: 48%; margin-right:4%; } .bannerC ul li:nth-child(2n) { margin-right:0; } .bannerC ul li:nth-child(n+3) { margin-top:20px; } .bannerC .c{ max-width:100%; } .bannerB { margin-top:10px; } .bannerC .t { font-size: 20px; } .banner .swiper-pagination-bullet { float:left; width: calc(25% - 9px); margin-right: 0px; background: #C8CCCF; } .banner .swiper-pagination-bullet:last-child { margin-right:0; } .bannerConA { background: none; padding: 0 5vw; } .banner .bannerConA { padding: 0 8vw; } .bannerCon { display: none; width: 100%; min-width:10px; left: 0; height: auto; top: 25%; } .bannerConA-a { position: relative; left:0; width: 100%; top:0; transform:translateY(0); padding:0; } .bannerConA .con p { display:inline; line-height: 1.5; } .bannerConA .con { line-height: 1.5; } .banner .bannerCon { left: 0; } .bannerC { display:none; } .banner { position: relative; } .bannerB { position: absolute; left:0; bottom: 25px; width: 100%; } .banner .swiper-pagination { padding-left: 5vw; width: 100%; text-align:left; } .bannerConA .con { margin: 15px 0 20px; } .banner .swiper-pagination-bullet { float:none; border-radius:50px; width: 6px; height: 6px;; margin:0 20px 0 15px; position: relative; } .banner .swiper-pagination-bullet-active { background: #0069ff; } .banner .swiper-pagination-bullet:after { opacity: 0; width: 30px; transition:all 0; height: 30px; top: 50%; left:50%; transform:translate(-50%, -50%); border:1px solid #0069ff; position: absolute; background: none; border-radius:50%; } .banner .swiper-pagination-bullet-active:after { opacity: 1; width: 30px; transition:all 0; } .banner .img { position: relative; width: 90vw; margin: calc(66px + 5vw) 5vw 0; border-radius:20px; overflow: hidden; } .banner .img:before { content:''; width: 100%; height: 80%; position: absolute; left:0; top:0; opacity: 0.3; background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); } .banner .addCon { padding:20px 5vw 60px; } .banner .addCon .t { font-size: 24px;color:#fff; font-weight:bold; } .banner .addCon .c { font-size: 16px;color:#fff; opacity: 0.6; margin-top:10px; line-height: 1.6; max-width:90%; } .banner .swiper-pagination-bullet-active:after { -webkit-animation: wit 0 infinite; animation: wit 0s infinite; box-sizing: border-box; animation-timing-function:linear; } @-webkit-keyframes wit { 0% { width: 30px; } 50% { width: 30px; } 100% { width: 30px;} } @keyframes wit { 0% { width: 30px; } 50% { width: 30px; } 100% { width: 30px;} } .bannerA .pc { display:none; } .bannerA .mb { display:block; } } @media(max-width: 500px){ .bannerC ul li { width: 100%; margin-right:0; } .bannerC ul li:nth-child(n+2) { margin-top:20px; } } .borderRadius40 { border-radius: 40px; overflow: hidden; } .borderRadius60 { border-radius: 60px; overflow: hidden; } .borderRadius30 { border-radius: 30px; overflow: hidden; } .homeH { padding:5vw 3vw 4vw; } .homeH-a { background: url(../images/hh1.jpg) no-repeat center/cover; padding: 7vw 120px; } .homeH-b { position: relative; } .homeH-c { position: absolute; left:0; top:50%; transform:translateY(-50%); } /*.mainTit .t p:nth-child(2) { margin-top: 10px; }*/ .homeH-c .con { margin-top:40px; } .homeH-c .con p { font-size:20px;color:#fff; line-height: 1.5; } .homeH-c .con p a { color:#fff; } .homeH-c .con p:nth-child(2) { margin-top:15px; } .homeH-c .con p span { display:inline-block; padding-right:30px; background: url(../images/jtmore.svg) no-repeat right center; } .homeH-d { width: 38%; float:right; background: #fff; padding:3vw 2vw; } .homeH-d .t { font-size:16px;color:#858585; margin-bottom:6px; } .homeH-d .t span { color:#5DCB9D; } .opacity0 { opacity: 0; } .homeH-d .inp input,.homeH-d .inp select { color:#999; border:none; font-size:16px; height: 40px; padding-left: 10px; } .homeH-d li { margin-bottom:30px; border-bottom:1px solid #ededed; } .homeH-d li .pho { position: relative; } .homeH-d li .pho .phone { padding-left:40px; } .homeH-d li .pho span { color:#333; font-size:16px; position: absolute; left:0; top:50%; transform:translateY(-50%); } .homeH-d li:last-child { margin-bottom:0; border:none; } .layui-form-select .layui-edge { border-top-color:#0069FF; } .homeH-d li .sub button,.homeH-d2 .sub a { width: 100%; font-size:20px; border-radius:50px; height: 56px; line-height: 56px; } .homeH-d li .more { margin-top:15px; } .homeH-d li .more a { font-size: 16px;color:#0069FF; display:inline-block; padding-right:20px; background: url(../images/jtmore2.png) no-repeat right center; transition: all 0.5s; } .homeH-d li .more a:hover { padding-right: 30px; } .homeH-d .font24 { font-size:24px!important; } @media(max-width:1920px){ .homeH-a { padding: 7vw 6vw; } .borderRadius40 { border-radius:2vw; } .borderRadius60 { border-radius:3vw; } .borderRadius30 { border-radius:1.5vw; } } @media(max-width:1700px){ .homeH-d { width: 45%; } .homeH-d li .sub button,.homeH-d2 .sub a { font-size:18px; height: 50px; line-height: 50px; } } @media(max-width:1500px){ .homeH-d li { margin-bottom:20px; } .homeH-d { width: 45%; } .homeH-c .con p { font-size:18px; } .homeH-d li .sub button,.homeH-d2 .sub a { font-size:18px; height: 50px; line-height: 50px; } /*.mainTit .t p:nth-child(2) { margin-top:15px; }*/ .homeH-c .con p:nth-child(2) { margin-top:10px; } } @media(max-width:1300px){ .homeH-d li { margin-bottom:20px; } .homeH-d { width: 45%; } .homeH-d li .sub button,.homeH-d2 .sub a { font-size:16px; height: 46px; line-height: 46px; } .homeH-a { padding: calc(50px + 9vw) 6vw 7vw; } } @media(max-width: 800px){ .homeH-d li,.homeH-d li .mini4F-b:nth-child(1),.homeH-d li .mini4F-b:nth-child(1) { margin-bottom: 10px; } .homeH { padding:40px 3vw 50px; } .homeH-d { padding: 30px 16px; } .homeH-c { position: relative; float:left; width:100%; top:0; transform:translateY(0); } /*.mainTit .t p:nth-child(2) { margin-top:5px; }*/ .homeH-c .con p:nth-child(2) { margin-top:10px; } .homeH-c .con { margin-top:20px; } .homeH-d { width:100%; margin-top:30px; } .homeH-c .con p { font-size:16px; } .homeH-a { padding: 30px 20px 40px; } .homeH-d .t { font-size:14px; } .homeH-d .inp input,.homeH-d .inp select { font-size:14px; height: 32px; } } * { box-sizing:border-box; } .mainBox { background: #fff; } .colorBlue { color:#0069FF; } .homeA { /*margin-top:7.5vw;*/ padding: 5vw 0; background: #fff; } .homeA-b { } .homeAZ { padding:8px;background: #F4F4F6; border-radius:60px; margin:4vw auto 2.5vw; width:800px; } .homeA-b span i { position: relative; z-index: 2; } .homeA-b span { font-size:20px;color:#333; position:relative; padding:20px 35px; overflow: hidden; border-radius:50px; cursor: pointer; display:inline-block; } /*.homeA-b span.swiper-slide-thumb-active { color:#fff; } .homeA-b span.swiper-slide:before { border-radius: 50px; content:''; width: 100%; height: 100%; z-index: -1; position: absolute; left:0; top:0; opacity: 0; transition:all 0s; color:#fff; background: #0069FF; background-image: linear-gradient(to right,#00D9CC,#00B3DA,#0069FF); } .homeA-b span.swiper-slide-thumb-active:before { opacity: 1; }*/ .homeA-b span.cur { color:#fff; } .homeA-b span:before { border-radius: 50px; content:''; width: 100%; height: 100%; z-index: 1; position: absolute; left:0; top:0; opacity: 0; transition:all 0s; color:#fff; background: #0069FF; background-image: linear-gradient(to right,#00D9CC,#00B3DA,#0069FF); } .homeA-b span.cur:before { opacity: 1; } .homeA-d { position: relative; background: #F4F4F6; } .homeA-d .img { float:left; width: 54%; } .homeA-d .con { position: absolute; top:50%; transform:translateY(-50%); right:2.5vw; width: 38%; } .homeA-d .con .t1 { position: relative; font-size:24px; font-weight:bold; display:inline-block;background: linear-gradient(90deg, #00D9CC -18.59%, #00B3DA 10.44%, #0069FF 97.77%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; } .homeA-d .con .t1:before { content:''; height: 2px; background: #F4F4F6; position: absolute; left:0; top:-1px; width: 100%; } .homeBZ .homeA-d .con .t1:before { background: #020202; } .homeBZ .homeA-d .con .t2:before { background: #020202; } .homeA-d .con .t2 { font-weight:bold; font-size:36px; margin:20px 0 25px; color:#333; } .homeA-d .con .c,.font20 { font-size:20px; line-height: 1.8; color:#333; } .homeA-d .con .more { margin-top:60px; } .homeA-d .con .more .mainMore { padding: 20px 30px; } .homeA-d .con .more a.ljgd { font-size:20px; color:#0069FF; line-height: 60px; display:inline-block; padding: 0 30px; } .homeA-e { margin:80px auto 0; padding: 0 0 0 2vw; } .homeA-e ul li { margin-right: calc(33.33333% - 333.3333333px); float: left; width: 250px; text-align: left;} .homeA-e ul li:nth-child(4) { margin-right:0; } .homeA-e ul li:nth-child(2),.homeA-e ul li:nth-child(3) { padding-left: 20px; } .homeA-e .num { line-height: 60px; font-weight:bold; font-size:48px;color:#0069FF; } .homeA-e .t { font-size:26px;color:#333333; margin-top: 8px; } .homeA-e .more { padding-right: 0px; margin-top:30px; text-align:right; font-size:16px; color:#858585; } .homeBZ { padding: 0 3vw; background: #fff; margin-top:5vw; } .homeB { background: #020202; padding:5.2vw 0; } .homeB-a { position: relative; background: none; } .homeB-a .img { float:left; width: 52%; } .homeB-a .con { position: absolute; top:50%; transform:translateY(-50%); right:2.5vw; width: 38%; } .homeA-d .con .t3 { font-weight:bold; display:inline-block; background: -webkit-linear-gradient(90deg, #00D9CC -18.59%, #00B3DA 10.44%, #0069FF 97.77%); background: linear-gradient(90deg, #00D9CC -18.59%, #00B3DA 10.44%, #0069FF 97.77%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .homeB-a .con .t2 { position: relative; margin:0!important; } .homeB-a .con .t2:before { content:''; height: 2px; background: #202020; position: absolute; left:0; top:-1px; width: 100%; } .homeB-b { margin: 20px 0 25px; } .homeB .homeA-d .con .c { color:#fff; opacity: 0.8; } .homeA-d .more .more1 { display:inline-block; font-size:20px; color:#fff; padding-right: 30px; background: url(../images/jtmore.svg) no-repeat right center; } .font44 { font-size:44px; } .font48 { font-size:48px; } .homeC .homeA-b { margin: 4vw 0 2.5vw; } .homeC .homeA-b .tabTit { padding:8px;background: #F4F4F6; border-radius:60px; display:inline-block; min-width:700px; } .homeC .homeA-b span { position:relative; overflow:hidden; } .homeC .homeA-b span.cur { color:#fff; } .homeC .homeA-b span i { position:relative; z-index: 2; } .homeC .homeA-b span:before { content:''; width: 100%; height: 100%; z-index: 1; position: absolute; left:0; top:0; border-radius:50px; opacity: 0; transition:all 0s; color:#fff; background: #0069FF; background-image: linear-gradient(to right,#00D9CC,#00B3DA,#0069FF); } .homeC .homeA-b span.cur:before { opacity: 1; } .homeA .homeA-c .swiper-pagination { opacity: 0; width: 1px; height: 1px; z-index: -5; } @media(max-width:1700px){ .homeA-e { margin-top:4vw; } .homeA-b span { font-size:18px; padding:18px 30px; } .homeA-d .con .t1 { font-size:22px; } .homeA-d .con .t2 { font-size:32px; margin: 15px 0 20px; } .font44 { font-size:40px; } .font48 { font-size:44px; } .homeB-b { margin: 15px 0 20px; } .homeA-d .con .c,.font20 { font-size:18px; } .homeA-d .con .more { margin-top:3vw; } .homeA-e .num { font-size:44px; line-height: 56px; } .homeA-e .t { font-size:22px; } .homeA-e .more { padding-right: 0px; margin-top:1.5vw; } } @media(max-width:1500px){ .homeA-b span { font-size:16px; padding:15px 30px; } .homeA-d .con .t1 { font-size:20px; } .homeA-d .con .t2 { font-size:28px; margin: 12px 0 18px; } .homeB-b { margin: 12px 0 18px; } .font44 { font-size:36px; } .font48 { font-size:40px; } .homeA-d .con .c,.font20 { font-size:16px; } .homeA-d .con .more { margin-top:3vw; } .homeA-d .con .more a.ljgd,.homeA-d .more .more1 { font-size:16px; } .homeA-d .con .more .mainMore { padding: 15px 30px; } .homeA-d .con .more a.ljgd { font-size:16px; line-height: 50px; } .homeA-e .num { font-size:40px; line-height: 50px; } .homeA-e .t { font-size:20px; } .homeA-e .more { padding-right: 0px; margin-top:1.5vw; } .homeA-e ul li { margin-right: calc(33.33333% - 300px); float: left; width: 220px; text-align: left;} .homeA-e ul li:nth-child(4) { margin-right:0; } } @media(max-width:1300px){ .font44 { font-size:32px; } .font48 { font-size:36px; } } @media(max-width:1100px){ .homeA .homeAZ .homeA-b { display:none; } .homeAZ { padding:0;background: none; border-radius:0; margin:30px auto 20px; width: auto; max-width:1100px; } .homeBZ { margin-top:30px; } .homeB { padding: 30px 0 40px; } .homeA { padding: 40px 0 50px; } .homeA-b span { font-size:14px; padding:10px 0; text-align:center;} .homeC .homeA-b { overflow-x: scroll; width: 100%; padding:0 5%; } .homeC .homeA-b{scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0.2); scrollbar-width: thin;-ms-overflow-style:none;} .homeC .homeA-b::-webkit-scrollbar {width: 3px; height: 1px;} .homeC .homeA-b::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);background: rgba(0,0,0,0);} .homeC .homeA-b::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 3px;background: rgba(0,0,0,0);} .homeC .homeA-b span { float:left; padding: 10px 30px; width: 100px; } .homeC .homeA-b .tabTit { min-width: 720px; text-align:left; margin-right: 10px; border:0;background: none; } .homeA-d .con .t1 { font-size:18px; } .homeA-d .con .t2 { font-size:24px; margin: 8px 0 16px; } .homeB-b { margin: 8px 0 16px; } .homeA-d .con .c { font-size:16px; min-height: 120px; } .homeA-d .img { width: 100%; } .homeA-d .con .more { margin-top:20px; } .homeA-d .con { position: relative; float:left; top:0; transform:translateY(0); width: 100%; padding: 20px 16px 30px; right:0; } .homeA-d .con .more a.ljgd { font-size:16px; line-height: 48px; } .homeA-e { margin: 30px auto 0; padding: 0; } .homeA-e ul li { margin-right: 2%; width: 49%; text-align: left;} .homeA-e ul li:nth-child(2n) { margin-right:0; } .homeA-e ul li:nth-child(n+3) { margin-top:20px; } .homeA-e ul li:nth-child(2),.homeA-e ul li:nth-child(3) { padding-left: 0; } .homeA-e .num { line-height: 40px; font-size: 30px; } .homeA-e .t { font-size:18px; } .homeA-e .more { text-align:left; padding-right: 0; margin-top:30px; } .homeB .homeA-d .con { padding: 20px 0 0; } .font44 { font-size:24px; } .font48 { font-size:28px; } } @media(max-width:640px){ .font44 { font-size:22px; } .font48 { font-size:26px; } } .homeE-a .swiper-wrapper { -webkit-transition-timing-function: linear; -ms-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .homeA { border-bottom-left-radius:0; } .homeA { border-bottom-right-radius:0; } .homeC { padding:7vw 0 0; } .homeE-a { margin-top:3vw; } .homeE-a ul li { margin: 10px 0; float:left; width: 16.6667%; text-align:center; } .homeE-a .more { margin-top:4vw; } .homeE-a ul li .img { overflow: hidden; } .homeE-a ul li img { transition:all 0.5s; } .homeE-a ul li img:hover { transform:scale(1.05); } @media(max-width:1100px){ .homeE-a ul li { width: 25%; } } @media(max-width:750px){ .homeE-a ul li { margin:5px 0; width: 33.33333%; } .homeE-a { margin-top:20px; } .homeE-a .more { margin-top: 30px; } } .homeD { background: #F4F4F6; border-bottom-right-radius:0; border-bottom-left-radius: 0; padding:5vw 0 6vw; } .homeD-b { padding-left:210px; margin-top:3vw; position: relative; } .homeD-c { position: absolute; width: 210px; left:0; top:50%; transform:translateY(-50%); } .homeD-c span { line-height: 50px; position: relative; transition:all 0.5s; display:block; font-size:24px; color:#858585; margin:30px 0; } .homeD-c span.cur { font-size:32px;color:#333333; } .homeD-c span:after { content:''; width: 0; height: 0; background: #fff; border-radius:50%; position: absolute; top:50%; transform:translateY(-50%); right: -330px; } .homeD-c span.cur:after { width: 350px; height: 350px; } /*.homeD-d { position: relative; z-index: 5; background: url(../images/hdbg.png) no-repeat right bottom #fff; background-size: 43vw auto; }*/ .homeD-d { position: relative; z-index: 5; background: #fff; } .homeD-f { position: relative; padding:5vw 0 5vw 6vw; } .homeD-f .img { bottom:0; right:0; position: absolute; height: 100%; } .homeD-f .img img { height:100%; width: auto; } .homeD-e .t { color:#333; font-weight:bold; } .homeD-e .c { color:#5C5C5C; margin:12px 0 22px; } .homeD-e { position: relative; z-index: 5; max-width: 520px; } .homeD-e .more { } .homeD-e ul li { margin-top:2.5vw; position: relative; padding-left:60px; } .homeD-e li .icon { position: absolute; left:0; top:50%; transform:translateY(-50%); } .homeD-e li .t1 { font-size:16px;color:#858585; } .homeD-e li .t2 { font-size:24px;color:#333333; margin-top:6px; } .homeD-e .more a { display:inline-block; font-size:24px; color:#2C67F6; padding-right: 30px; background: url(../images/mainmore3.png) no-repeat right center; } .homeD-g { margin-top:3.5vw; } .homeF-a { position: relative; background: #0069FF; } .homeF-a .img { width: 50%; position: relative; overflow: hidden; } .homeF-a .img video { vertical-align:top; } .homeF-a .img:before { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0,0,0,0); } .homeF-b { width: 42%; position: absolute; right:3.5vw; top:50%; transform:translateY(-50%); } .homeF-c { position: relative; } .homeF-c .ewm { position: absolute; bottom:0; right:0; } .homeF-c .ewm img { width: 115px; border-radius:12px; } .homeF-c .ewm .t { font-size:16px; color:#fff; margin-top:10px; } .homeF-c .con .t { font-size:30px; line-height: 1.5; font-weight:bold; } .homeF-c .con .tt { font-size:24px; margin-bottom:10px; } .homeF-c .con .c { font-size:48px; font-weight:bold; } .homeF-c .con dl { margin-top:2.5vw; } .homeF-c .con dl dd { float:left; margin-right:6vw; } .homeF-c .con dl dd:last-child { margin-right:0; } .homeF-c .con .more { margin-top:2.5vw; } .homeF-c .con .more .mainMore { border:1px solid #fff; background: none; } .homeF-c .con .more .mainMore:hover { border:1px solid #00CE9A; } .homeF .swiper-slide { opacity: 0.1; transition:all 0.6s; } .homeF .swiper-slide-active { opacity: 1; } .homeF .swiper-container { padding-bottom: 50px; } .homeF .swiper-pagination-bullet { width: 26px; height: 26px; margin:0!important; position:relative;background: none; opacity: 1; } .homeF .swiper-pagination-bullet:after { content:''; width: 8px; height:8px; border-radius:10px; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); background: rgba(0,0,0,0.2); } .homeF .swiper-pagination-bullet-active:after { background: #5C5C5C; } @media(max-width:1900px){ .homeF-c .con .c { font-size:2.4vw; } } @media(max-width:1750px){ .homeF-c .con .t { font-size: 1.6vw; } .homeF-c .con .tt { font-size:22px; } .homeF-c .con .c { font-size:42px; } .homeD-e ul li { margin-top:2vw; } .homeF-c .con dl dd { margin-right: 3vw; } .homeD-c span { line-height: 50px; font-size:22px; margin:25px 0; } .homeD-c span.cur { font-size:30px; } .homeD-e .c { font-size: 18px; } .homeD-e li .t2 { font-size: 22px; } } @media(max-width:1750px){ /*.homeF-c .con .t { font-size:28px; }*/ .homeF-c .con .tt { font-size:20px; } .homeD-e .more a { font-size:20px; } .homeF-c .con .c { font-size:36px; } .homeD-e li .t1 { font-size:14px; } .homeD-e li .t2 { font-size: 18px; margin-top:3px; } .homeD-e ul li { padding-left: 45px; } .homeD-e li .icon img { width: 32px; } .homeD-f { position: relative; padding:4vw 0 4vw 5vw; } .homeD-c span { line-height: 40px; font-size:20px; margin:25px 0; } .homeD-c span.cur { font-size:28px; } .homeD-e .c { font-size: 16px; margin: 10px 0 15px; } .homeF-c .ewm img { width: 100px; border-radius:10px; } .homeF-c .ewm .t { font-size: 14px; margin-top:8px; } } @media(max-width:1300px){ /*.homeF-c .con .t { font-size:24px; }*/ .homeF-c .con .tt { font-size:18px; margin-bottom:12px; } .homeF-c .con .c { font-size:32px; } .mainMore { padding:12px 40px; } .homeD-e li .t2 { font-size: 16px; margin-top:0; } .homeF-c .ewm img { width: 80px; border-radius:10px; } .homeF-c .ewm .t { font-size: 12px; margin-top:8px; } } @media(max-width:1100px){ .homeD-b { padding-left:0; margin-top: 30px; } .homeD-g { margin-top: 25px; } .homeD-c { text-align:center; position: relative; margin-bottom:20px; width: 100%; top:0;transform:translate(0); } .homeD { padding: 40px 0 50px; } .homeD-c span { display:inline-block; margin: 0 10px; font-size:14px; line-height: 20px; } .homeD-c span.cur { font-size:16px; } .homeD-c span.cur:after { width: 100px; height: 100px;left:50%; top:30px; transform:translateX(-50%); } .homeD-e .more a { font-size:20px; } /*.homeD-e li .t1 { display:none; }*/ .homeF-c .con .t { font-size:24px; } .homeD-e li .t2 { margin-top:0; font-size:20px; line-height: 26px; } .homeD-e li .icon img { height: 25px; width: auto; } .homeD-e li .icon { top: 3px; transform:translateY(0); } .homeD-e ul li { margin: 16px 0; padding-left: 34px; } .homeF-a .img { width: 100%; } .homeF-b { width: 100%; position: relative; top:0; transform:translateY(0); float:left; right:0; padding: 20px 15px 30px; } } @media(max-width:700px){ .homeD-e .c { margin: 10px 0 20px; } .homeD-e ul { margin-top:20px; } .homeD-e li .t2 { font-size:16px; line-height: 24px; } .homeD-e li .icon img { height: 20px; } .homeD-e ul li { padding-left: 40px; } .homeD-e li .icon { left:0; } .homeD-f { padding: 20px 16px 42vw; } .homeD-f .img { right: 0; width: 58vw; height:auto; } .homeD-f .img img { height:auto; width: 100%; } /*.homeD-d { background: url(../images/hdbg.png) no-repeat right bottom #fff; background-size: 75vw auto; }*/ } @media(max-width:750px){ .homeF-c .ewm img { width: 80px; border-radius:10px; } .homeF-c .ewm .t { font-size: 14px; margin-top:8px; } .homeF-c .con .t { font-size:20px; } .homeF-c .con .tt { font-size:16px; margin-bottom:10px; } .homeF-c .con .c { font-size:24px; } .homeF-c .con dl { margin-top:24px; } .homeF-c .con .more { margin-top:30px; } .homeF-c .con .mainMore { padding:10px 30px; } } .fixMes { /*box-shadow: 5px 5px 15px 0 rgba(120,120,120,0.3);*/ z-index: 100; width: 1100px; background: #fff; position: fixed; left: calc(50% - 34px); transform:translateX(-50%); bottom: 20px; padding: 8px; border-radius:50px; } .fixMesA { position: relative; } .fixMesB {/*box-shadow: 5px 5px 15px 0 rgba(120,120,120,0.3);*/ width: 68px; height: 68px; border-radius:50%; background: #fff; right: -68px; top:50%; transform:translateY(-50%); position: absolute; padding: 6px; } .fixMesB-a { position: relative; } .fixMesB-a .icon { width: 56px; height: 56px; background: url(../images/fixmes.png) no-repeat center/cover; } .fixMesB-a .t { display:none; padding:7px 0 7px 12px; font-size:14px;color:#333; background: #fff; position: absolute; left:40px; top:-15px; border-radius:15px 15px 15px 0; width: 120px; } .fixMesB-a.cur .t {/*box-shadow: 5px 5px 15px 0 rgba(120,120,120,0.3);*/ display:block; } .fixMesA-a { line-height: 52px; padding-left: 30px; float:left; font-size:20px;color:#333;line-height: 52px; } .fixMesA-b { border:1px solid #ededed; float:left; font-size:20px;color:#adadad;line-height: 48px; margin-left:25px; border-radius: 50px; width: 135px; text-align:center; } .fixMesA-b input { height: 50px; font-size:16px; border:none; padding: 0 20px 0 30px; border-radius: 50px; } .fixMesA-b .layui-form-select .layui-edge { right: 30px; transform:rotate(180deg); margin-top:-9px; } .fixMesA-c { float:right; width: 640px; } .fixMesA-c ul li { float:left; } .fixMesA-c ul li:nth-child(2) { margin-left: 20px; } .fixMesA-c ul li:nth-child(3) { float:right; margin-right:0; } .fixMesA-c p,.fixMesA-c .address { padding:11px 0; padding-left:35px; font-size:20px;color:#333; } .fixMesA-c p.phone { background: url(../images/fixphone.png) no-repeat left center; } .fixMesA-c p.name { background: url(../images/fixmem.png) no-repeat left center; } .fixMesA-c p span { float:left; line-height: 30px; } .fixMesA-c p input { float:left; margin-left:15px; border:none; border-bottom:1px solid #dedede; width: 110px; font-size:16px; height: 30px; } .fixMesA-c .layui-btn { width: 160px; height: 52px; background: #0069FF; font-size:20px;color:#fff; line-height: 52px; padding:0; border-radius:50px; } .fixMesA-c .address { padding-left:0; padding: 0; } /*.fixMesA-c .address input { width: 220px; }*/ .fixMesA-c ul li:last-child { float:right; } .mfixMes {box-shadow: 5px 5px 15px 0 rgba(120,120,120,0.3); display:none; z-index: 100; position: fixed; left:50%; transform:translateX(-50%); bottom:30px; width: 230px; padding: 6px; background: #F4F4F6; border-radius:60px; } .mfixMes .mainMore { float:left; height: 52px; line-height: 52px; padding: 0 36px; background: #000; } .mfixMes .mainMore:before { display:none; } .mfixMes .fixMesB-a { display:inline-block; width: 52px; height: 52px; float:right; } .mfixMes .fixMesB-a .icon { width: 52px; height: 52px; } #bioarea-wrap { width: 370px; display: inline-block; } #bioarea-wrap.layui-form-item .layui-inline { width: 110px; margin-bottom:0; margin-right: 5px; } #bioarea-wrap.layui-form-item { margin-bottom:0; } #bioarea-wrap .layui-form-select .layui-input { height: 50px; padding-left: 6px; border-radius:50px; font-size:16px; } .fixMesD-a { padding: 50px 3vw; } .fixMesD { position:relative; left:50%; top:0; transform:translate(-50%, 0); } @media(max-width:1500px){ .fixMes { width: 1000px; left: calc(50% - 80px); } .fixMesA-c { width: 590px; } .fixMesA-a { font-size: 18px; padding-left: 20px; line-height: 42px; } .fixMesA-b { font-size:18px; line-height: 40px; margin-left:20px; width: 120px; } .fixMesA-b input { height: 40px; font-size:18px; padding: 0 10px 0 25px; } .fixMesA-b .layui-form-select .layui-edge { right: 20px; } .fixMesA-c p { padding:6px 0; padding-left:32px; font-size:18px; } .fixMesA-c .layui-btn { width: 130px; height: 42px; font-size:18px; line-height: 42px; } .fixMesB { width: 58px; height: 58px; right: -58px; } .fixMesB-a .icon { width: 46px; height: 46px; } } @media(max-width:1200px){ .fixMes { width: 1000px; left: calc(50% - 30px); } .fixMesB-a.cur .t { display:none; } } @media(max-width:1100px){ .fixMes { display:none; } .mfixMes { display:block; } .mfixMes .fixMesB-a .icon { width: 52px; height: 52px; } } .mfixMesB { left:50%; top:50%; transform:translate(-50%, -50%); width: 100%; height: 100%; position: fixed; background: rgba(32, 32, 32, 0.5); z-index: -1; opacity: 0; transition: all 0.6s; } .mfixMesB-a { position: relative; width: 100vw; height: 100vh; } .mfixMesB-b { position: absolute; left:50%; top: 50%; transform:translate(-50%, -50%); width: 94%; max-width:600px; } .mfixMesB-b .homeH-d { width: 100%; float:none; } .mfixMesB.cur { z-index: 101; opacity: 1; } .mfixMesB-b .homeH-d .inp input,.mfixMesB-b .homeH-d .inp select { height: 36px; font-size:14px; } .mfixMesB-b .homeH-d { margin-top:0; padding: 20px 16px; } .mfixMesB-b .homeH-d li { margin-bottom:12px; } .mfixMesB-b .closeA { width: 48px; height: 48px; background: url(../images/closea.png) no-repeat center #fff; cursor: pointer; border-radius:50px; margin: 20px auto 0; } .mfixMesB-b .homeH-d { border-radius:15px; } /*详情页MINI4 BANNER*/ .ibanner { position: relative; } .ibanner .bannerCon { height: 60%; /*left:auto; right: 3vw;*/ top:50%; transform:translateY(-50%); } .ibanner .bannerCon.fixLeft { left: 8.5vw; right:auto; } .ibanner .bannerCon.fixRight { left: auto; right:8.5vw; } .ibanner .bannerCon .more span.t { display:inline-block; font-size:20px;color:#fff; line-height: 62px; padding-left: 20px; } .ibanner:before { content:''; position: absolute; left:0; top:0; width: 100%; height: 150px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));} @media(max-width:1500px){ .ibanner .bannerCon .more span.t { font-size:18px; line-height: 56px; } } @media(max-width:1300px){ .ibanner .bannerCon .more span.t { font-size:16px; line-height: 45px; } } @media(max-width:1100px){ .ibanner .pc { display:block; } .ibanner .mb { display:none; } .ibanner .bannerCon.fixRight { right: 5vw; } } @media(max-width:800px){ .ibanner:before { height: 80%; } .ibanner .bannerCon { right:0; height: auto; } .ibanner .bannerCon.fixRight { width: 100%; left: auto; padding:0; right:0; } .ibanner .bannerCon { top: calc(70px + 50px); transform:translateY(0); } .ibanner .pc { display:none; } .ibanner .mb { display:block; } } .mainTit .c { margin-top:16px; font-size:20px; color:#333; line-height: 1.8; } /*.colorJianbian { background: linear-gradient(90deg, #00D9CC -18.59%, #00B3DA 10.44%, #0069FF 97.77%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; }*/ .colorJianbian2 { background: linear-gradient(90deg, #00D9CC -18.59%, #00B3DA 10.44%, #0069FF 97.77%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; } .colorJianbian { color:#0069FF; } @media(max-width:1500px){ .mainTit .c { font-size:16px; } } @media(max-width: 1100px){ .ibanner .bannerCon.fixLeft { top: calc(30px + 50%); left: 5vw; } } @media(max-width: 800px){ .mainTit .c { font-size:16px; margin-top:0px; } .mainTit .c p { display:inline; } .ibanner .bannerCon.fixLeft { top: 120px; left:0; width: 100%; } } .mini4A { padding:6.5vw 0 4vw; background: #fff; } .mini4A-b { margin: 0 auto; width: 96vw; background: #202020; margin-top:3.5vw; padding:5vw 7.5vw; } .mini4A-c .img { padding:0; float:left;width: 52%; } .mini4A-c { position: relative; } .mini4A-c .con { position: absolute; right:0; width: 40%; top:40%; transform:translateY(-50%); } .mini4A-c .con .t1 { font-size:24px; font-weight:bold; display:inline-block;background: linear-gradient(90deg, #00D9CC -18.59%, #00B3DA 10.44%, #0069FF 97.77%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; } .mini4A-c .con .t2 { font-weight:bold; font-size:2.8vw; margin:20px 0 35px; color:#333; } .mini4A-c .con .c,.font20 { font-size:20px; line-height: 1.8; opacity: 0.8; } @media(max-width:1700px){ .mini4A-c .con .t1 { font-size:23px; } /*.mini4A-c .con .t2 { font-size:50px; }*/ } @media(max-width:1500px){ .mini4A-c .con .t1 { font-size:22px; } .mini4A-c .con .t2 { margin: 16px 0 25px; } .mini4A-c .con .c { font-size:16px; } } @media(max-width:1300px){ .mini4A-c .con .t1 { font-size:20px; } .mini4A-c .con .t2 { margin:12px 0 20px; } .mini4A-c .con .c { font-size:16px; } } @media(max-width:1100px){ .mini4A-c .img { width: 100%; } .mini4A { padding: 40px 0 50px; } .mini4A-b { padding: 12px 5% 30px; } .mini4A-c .con { position: relative; float: left; top: 0; transform: translateY(0); width: 100%; margin-top:20px; right: 0;} .mini4A-c .con .t1 { font-size:18px; } .mini4A-c .con .t2 { font-size:24px; margin:8px 0 16px; } .mini4A-c .con .c { font-size:16px; } } .mini4A-e { margin-top:2.5vw; } .mini4A-e ul { display:flex; flex-wrap:wrap; } .mini4A-e ul li { border: 1px solid transparent; background-clip: padding-box, border-box; overflow: hidden; background-origin: padding-box, border-box; background-image: linear-gradient(to right, #202020, #202020), linear-gradient(to right, #00CE9A, #0069FF); }/* 或者 */ .mini4A-e ul li { padding:30px 20px 24px; float:left; width: 23%; margin-right:2.66666%; } .mini4A-e ul li .txt { font-size:20px; color:#fff; opacity: 0.8; line-height: 1.8; margin-top:10px; } .mini4A-e ul li:nth-child(4n) { margin-right:0; } @media(max-width:1500px){ .mini4A-e ul li { padding:25px 20px 20px; } .mini4A-e ul li .txt { font-size:18px; margin-top:10px; } } @media(max-width:1300px){ .mini4A-e ul li { padding:15px 20px 15px; } .mini4A-e ul li .txt { font-size:16px; line-height: 1.5; margin-top:10px; } } @media(max-width:1100px){ .mini4A-e { margin-top:25px; } .mini4A-e ul li { width: 49%; margin-right:2%; } .mini4A-e ul li:nth-child(n+3) { margin-top:2%; } .mini4A-e ul li:nth-child(2n) { margin-right:0; } .mini4A-e ul li .txt { font-size:16px; line-height: 1.5; margin-top:10px; } } @media(max-width:450px){ .mini4A-e { margin-top:20px; } .mini4A-e ul li .icon img { height: 40px; width: auto; } .mini4A-e ul li { padding: 15px 10px; } .mini4A-e ul li .txt { font-size:14px; margin-top:5px; } } .mini4B { position:relative; padding:2vw 0 3vw; background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .mini4B-b { float:right; width: 75%; } .mini4B-a { position: absolute; left:10vw; top:50%; transform:translateY(-50%); } .nMtitB .t1 { font-size:24px; line-height: 1.6; } .nMtitB .t2 { font-size:3.6vw; color:#333; line-height: 1; } .nMtitB .t2,.nMtitB .t3 { margin-top:16px; } .mini4B-b { position: relative; } .mini4B-b { position: relative; } .mini4B-c { position: absolute; transform:translateY(-50%); height:60px; } .mini4B-c1 { left: 21vw; top: 10vw; } .mini4B-c2 { left: 46vw; top: 21vw; } .mini4B-c3 { left: 13vw; top: 40.5vw; } .mini4B-c4 { left: 49vw; top: 45vw; } .mini4B-c .topT { transition:all 0.5s; font-size:24px;color:#333; line-height: 60px; cursor: pointer; } .mini4B-c1 .topT,.mini4B-c3 .topT { padding-right: 60px; } .mini4B-c2 .topT,.mini4B-c4 .topT { padding-left: 60px; } .mini4B-d .topT { position: relative; } .mini4B-c1 .topT:before,.mini4B-c3 .topT:before { border-radius:50%; z-index: 0; transition: all 0.6s; content:''; width: 48px; height: 48px; position: absolute;right:0; top:50%; transform:translateY(-50%); background: url(../images/mini4/mini4badd.svg) no-repeat center/cover #fff; } .mini4B-c2 .topT:before,.mini4B-c4 .topT:before { border-radius:50%; z-index: 0; transition: all 0.6s; content:''; width: 48px; height: 48px; position: absolute; left:0; top:50%; transform:translateY(-50%); background: url(../images/mini4/mini4badd.svg) no-repeat center/cover #fff; } .mini4B-c5 .topT:before,.mini4B-c6 .topT:before { border-radius:50%; z-index: 0; transition: all 0.6s; content:''; width: 48px; height: 48px; position: absolute; left:0; top:50%; transform:translateY(-50%); background: url(../images/mini4/mini4badd.svg) no-repeat center/cover #fff; } .mini4B-c1 .topT:after,.mini4B-c3 .topT:after { opacity: 1; border-radius:50%; z-index: -1; content:''; width: 52px; height: 52px; position: absolute;right:-2px; top:50%; margin-top:-26px; background: radial-gradient(47.18% 44.85% at 50% 50%, #0069FF 0%, #79B0FF 49.3%, #DDEBFF 100%); } .mini4B-c2 .topT:after,.mini4B-c4 .topT:after { opacity: 1; border-radius:50%; z-index: -1; content:''; width: 52px; height: 52px; position: absolute; left:-2px; top:50%; margin-top:-26px; background: radial-gradient(47.18% 44.85% at 50% 50%, #0069FF 0%, #79B0FF 49.3%, #DDEBFF 100%); } .mini4B-c5 .topT:after,.mini4B-c6 .topT:after { opacity: 1; border-radius:50%; z-index: -1; content:''; width: 52px; height: 52px; position: absolute; left:-2px; top:50%; margin-top:-26px; background: radial-gradient(47.18% 44.85% at 50% 50%, #0069FF 0%, #79B0FF 49.3%, #DDEBFF 100%); } /*.mini4B-c1:hover .topT:before,.mini4B-c3:hover .topT:before { right:4px; width: 40px; height: 40px; }*/ /*.mini4B-c2:hover .topT:before,.mini4B-c4:hover .topT:before { left:4px; width: 40px; height: 40px; }*/ /*.mini4B-c5:hover .topT:before,.mini4B-c6:hover .topT:before { left:4px; width: 40px; height: 40px; }*/ /*.mini4B-c1:hover .topT:before,.mini4B-c3:hover .topT:before { background-color: #fff; border-radius:50%; }*/ /*.mini4B-c2:hover .topT:before,.mini4B-c4:hover .topT:before { background-color: #fff; border-radius:50%; }*/ /*.mini4B-c1:hover .topT:after,.mini4B-c3:hover .topT:after { opacity: 1; z-index: 4; }*/ /*.mini4B-c2:hover .topT:after,.mini4B-c4:hover .topT:after { opacity: 1; z-index: 4; }*/ /*.mini4B-c5:hover .topT:after,.mini4B-c6:hover .topT:after { opacity: 1; z-index: 4; }*/ /* .mini4B-c:hover .topT:before { -webkit-animation: topHide 1s; animation: topHide 1s; box-sizing: border-box; animation-iteration-count: 1; animation-fill-mode: forwards; } @-webkit-keyframes topHide { 0% { opacity: 1;} 50% {opacity: 1;} 100% { opacity: 0;} } @keyframes topHide { 0% { opacity: 1;} 50% {opacity: 1;} 100% { opacity: 0;} }*/ .mini4B-c2 .topT:after, .mini4B-c4 .topT:after, .mini4B-c1 .topT:after, .mini4B-c3 .topT:after, .mini4B-c5 .topT:after, .mini4B-c6 .topT:after, .mini4B-c7 .topT:after { -webkit-animation: transBig 1.5s infinite; animation: transBig 1.5s infinite; box-sizing: border-box; } @-webkit-keyframes transBig { 0% {-webkit-transform: scale(0.8);} 50% {-webkit-transform: scale(1.3);} 100% {-webkit-transform: scale(0.8);} } @keyframes transBig { 0% {transform: scale(0.8);} 50% {transform: scale(1.3);} 100% {transform: scale(0.8);} } .mini4B-d { position: relative; } .mini4B-e { overflow: hidden; transition:all 0s; width: 0; position: absolute; } .mini4B-f { width: 425px; border: 1px solid rgba(0, 105, 255, 0); background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(5px); padding: 2.5vw 2vw; } .mini4B-e .t { font-size:24px;color:#0069ff; } .mini4B-e .c { color: #5C5C5C; font-size: 24px; line-height: 1.5; margin: 16px 0 25px; } .mini4B-e .img { border-radius:15px; overflow: hidden; } .mini4B-c1 .mini4B-e { right: -20px; top:-20px; } .mini4B-c2 .mini4B-e { left: -10px; top:-10px; } .mini4B-c3 .mini4B-e { right: -20px; bottom:-20px; } .mini4B-c4 .mini4B-e { left: -20px; bottom:-20px; } /*.mini4B-c:hover .topT { opacity: 0; }*/ .mini4B-c:hover .mini4B-e { opacity: 1; width: 425px; } .mini4B-c:hover { z-index: 5; } /*.mini4B-c.active .topT { opacity: 0; } .mini4B-c.active .mini4B-e { opacity: 1; width: 425px; } .mini4B-c.active { z-index: 5; }*/ /*.mini4B-c1 .topT:hover, .mini4B-c3 .topT:hover { padding-left: 10px; }*/ /*.mini4B-c2 .topT:hover, .mini4B-c4 .topT:hover { padding-right: 10px; }*/ @media(max-width:1500px){ .mini4B-c .topT { font-size:22px; line-height: 50px; } .mini4B-c1 .topT,.mini4B-c3 .topT { padding-right: 50px; } .mini4B-c2 .topT,.mini4B-c4 .topT { padding-left: 50px; } .mini4B-c1 .topT:before,.mini4B-c3 .topT:before { content:''; width: 42px; height: 42px; } .mini4B-c2 .topT:before,.mini4B-c4 .topT:before { content:''; width: 42px; height: 42px; } .mini4B-c5 .topT:before,.mini4B-c6 .topT:before { content:''; width: 42px; height: 42px; } .mini4B-c1:hover .topT:before,.mini4B-c3:hover .topT:before { right:4px; width: 34px; height: 34px; } .mini4B-c2:hover .topT:before,.mini4B-c4:hover .topT:before { left:4px; width: 34px; height: 34px; } .mini4B-c5:hover .topT:before,.mini4B-c6:hover .topT:before { left:4px; width: 34px; height: 34px; } .mini4B-c1 .topT:after,.mini4B-c3 .topT:after { width: 46px; height: 46px; right:-2px; margin-top:-23px; } .mini4B-c2 .topT:after,.mini4B-c4 .topT:after { width: 46px; height: 46px; left:-2px; margin-top:-23px; } .mini4B-c5 .topT:after,.mini4B-c6 .topT:after { width: 46px; height: 46px; left:-2px; margin-top:-23px; } .mini4B-e .t,.mini4B-e .c { font-size:22px; } /*.mini4B-f,.mini4B-c.active .mini4B-e { width:360px; }*/ .mini4B-f,.mini4B-c:hover .mini4B-e { width:360px; } .mini4B-c3 { left: 12vw; top: 40.5vw; } .mini4B-c1 { left: 20vw; top: 10vw; } .nMtitB .t1 { font-size:22px; } /*.nMtitB .t2 { font-size:64px; }*/ .nMtitB .t2,.nMtitB .t3 { margin-top:16px; } } @media(max-width:1300px){ .mini4B-c .topT { font-size:20px; line-height: 45px; } .mini4B-c1 .topT,.mini4B-c3 .topT { padding-right: 45px; } .mini4B-c2 .topT,.mini4B-c4 .topT { padding-left: 45px; } .mini4B-c5 .topT,.mini4B-c6 .topT { padding-left: 45px; } .mini4B-c1 .topT:before,.mini4B-c3 .topT:before { content:''; width: 38px; height: 38px; } .mini4B-c2 .topT:before,.mini4B-c4 .topT:before { content:''; width: 38px; height: 38px; } .mini4B-c5 .topT:before,.mini4B-c6 .topT:before { content:''; width: 38px; height: 38px; } .mini4B-c1:hover .topT:before,.mini4B-c3:hover .topT:before { width: 30px; height: 30px; } .mini4B-c2:hover .topT:before,.mini4B-c4:hover .topT:before { width: 30px; height: 30px; } .mini4B-c5:hover .topT:before,.mini4B-c6:hover .topT:before { width: 30px; height: 30px; } .mini4B-c1 .topT:after,.mini4B-c3 .topT:after { width: 42px; height: 42px; right:-2px; margin-top:-21px; } .mini4B-c2 .topT:after,.mini4B-c4 .topT:after { width: 42px; height: 42px; left:-2px; margin-top:-21px; } .mini4B-c5 .topT:after,.mini4B-c6 .topT:after { width: 42px; height: 42px; left:-2px; margin-top:-21px; } .dwB .mini4B-c1 .topT:after,.dwB .mini4B-c3 .topT:after { right:-2px; } .dwB .mini4B-c2 .topT:after,.dwB .mini4B-c4 .topT:after { left:-2px; } .dwB .mini4B-c5 .topT:after,.dwB .mini4B-c6 .topT:after { left:-2px; } .mini4B-e .t,.mini4B-e .c { font-size:20px; } /*.mini4B-f,.mini4B-c.active .mini4B-e { width:320px; }*/ .mini4B-f,.mini4B-c:hover .mini4B-e { width:320px; } .mini4B-c3 { left: 11vw; top: 40.5vw; } .mini4B-c1 { left: 19vw; top: 10vw; } .nMtitB .t1 { font-size:20px; } /*.nMtitB .t2 { font-size:52px; }*/ .nMtitB .t2,.nMtitB .t3 { margin-top:12px; } } @media(max-width:1100px){ .nMtitB .t1 { font-size:18px; } .nMtitB .t2 { font-size:40px; } .nMtitB .t2,.nMtitB .t3 { margin-top:12px; } /*.mini4B-c1 .topT:after,.mini4B-c3 .topT:after { right:-7px; }*/ /*.mini4B-c2 .topT:after,.mini4B-c4 .topT:after { left:-7px; }*/ /*.mini4B-c5 .topT:after,.mini4B-c6 .topT:after { left:-7px; }*/ .mini4B-c1 .topT:after,.mini4B-c3 .topT:after { right:-6px; } .mini4B-c2 .topT:after,.mini4B-c4 .topT:after { left:-6px; } .mini4B-c5 .topT:after,.mini4B-c6 .topT:after { left:-6px; } .dwB .mini4B-c1 .topT:after,.dwB .mini4B-c3 .topT:after { right:-6px; } .dwB .mini4B-c2 .topT:after,.dwB .mini4B-c4 .topT:after { left:-6px; } .dwB .mini4B-c5 .topT:after,.dwB .mini4B-c6 .topT:after { left:-6px; } } @media(max-width:640px){ .nMtitB .t1 { font-size:16px; } .nMtitB .t2 { font-size:28px; } .nMtitB .t2,.nMtitB .t3 { margin-top:12px; } } .mini4C { padding: 3vw; } .mini4C ul { display:flex; flex-wrap:nowrap; } .mini4C ul li { position: relative; float:left; margin-right: 2.8vw; } .mini4C ul li .img { height: 24vw; width: 100%; } .mini4C ul li.wid1,.mini4C ul li.wida { width: 27.6vw; } .mini4C ul li.wid2 { width: 34vw; } .mini4C ul li.wid3 { width: 25.7vw; margin-right:0; } .mini4C .con { position: absolute; width: 100%; left: 0; top:2vw; padding: 0 2vw; } .mini4C .con .t { color: #333; font-size: 40px; font-weight: 600; line-height: 1;} .mini4C .con .c { color: #5C5C5C; font-size: 20px; margin-top:25px; font-style: normal; font-weight: 400; line-height: 1.5; } /*.mini4C ul li.wid1 .con .c { margin-top:0; }*/ /*.mini4C ul li.wid1 .con { top:auto; bottom:2vw; }*/ /*.mini4C ul li.wid1 .con .t,.mini4C ul li.wid1 .con .c { float:left; }*/ /*.mini4C ul li.wid1 .con .t { padding:17px 25px 0 0; }*/ .mini4C ul li.botCon .con .c { margin-top:0; } .mini4C ul li.botCon .con { top:auto; bottom:2vw; } .mini4C ul li.botCon .con .t,.mini4C ul li.botCon .con .c { float:left; } .mini4C ul li.botCon .con .t { padding:17px 25px 0 0; } @media(max-width:1900px){ .mini4C .con .c { font-size:17px; } } @media(max-width:1700px){ .mini4C .con .t { font-size:36px; } .mini4C .con .c { font-size:16px; margin-top:20px; } } @media(max-width:1500px){ .mini4C .con .t { font-size:32px; } .mini4C .con .c { font-size:15px; margin-top:20px; } /*.mini4C ul li.wid1 .con .t { padding:12px 20px 0 0; }*/ .mini4C ul li.botCon .con .t { padding:12px 20px 0 0; } } @media(max-width:1300px){ .mini4C .con .t { font-size:28px; } .mini4C .con .c { font-size:13px; margin-top:20px; } /*.mini4C ul li.wid1 .con .t { padding:12px 20px 0 0; }*/ .mini4C ul li.botCon .con .t { padding:12px 20px 0 0; } } @media(max-width:1100px){ .mini4C { padding: 5vw; } .mini4C .con .t { font-size:24px; } .mini4C .con .c,.mini4C ul li.wid1 .con .c { font-size:16px; margin-top:15px; } .mini4C ul li.botCon .con .t { padding: 0; width:100%; } .mini4C ul { display: flex; flex-wrap: wrap; } .mini4C ul li.wid1,.mini4C ul li.wid2,.mini4C ul li.wid3,.mini4C ul li.wida { width:100%; margin-right:0; } .mini4C ul li .img { height: auto; background: none!important; } .mini4C ul li:nth-child(n+2) { margin-top:20px; } .mini4C .con,.mini4C ul li.wid1 .con { top:20px; padding: 2vw 4vw; } .kdsA .con,.kdsA ul li.wid1 .con { top:20px; bottom: auto; padding: 0 15px; } .mini4C ul li.botCon .con { top:auto; bottom: 20px; padding: 0 15px; } } .kdsA.mini4C ul li.wid2:nth-child(2) { width: 27.6vw; } .kdsA.mini4C ul li.wid2:nth-child(3) { width: 25.7vw; margin-right:0; } .mini4D { background: #F4F4F6; padding: 6.5vw 0; } .mini4D-a { position: relative; } .nMtitB .c { margin-top:15px; color: #333; font-size: 20px; line-height: 1.8; } .mini4D-b { width: 53%; position: absolute; left:0; top:50%; transform:translateY(-50%); } .mini4D-b .homeD-e { max-width:100%; } .mini4D-b .homeD-e ul li { float:left; width: 48%; } .mini4D-b .homeD-e li .icon { width: 38px; height: 38px; } .mini4D-c { float:right; width: 44%; } .mini4D-c ul li { float:left; width:calc(50% - 1vw); margin-right:2vw; } .mini4D-c ul li .img { } .mini4D-c ul li:nth-child(2n) { margin-right:0; padding-top:3.5vw; } .mini4D-c ul li .img:nth-child(n+2) { margin-top:2vw; } @media(max-width: 1500px){ .homeD-e li .t2 { font-size:22px; } .mini4D-b .homeD-e ul li { width: 50%; } .nMtitB .c { margin-top:12px; font-size: 18px; line-height: 1.7; } } @media(max-width: 1400px){ .homeD-e li .t2 { font-size:20px; } .nMtitB .c { margin-top:10px; font-size: 16px; line-height: 1.6; } } @media(max-width: 1100px){ .mini4D { padding: 40px 0 50px; } .mini4D-b .homeD-e ul { max-width:100%; } .mini4D-b { width: 100%; position: relative; left:0; top:0; transform:translateY(0); float:left; } .mini4D-c { float:right; width: 100%; margin-top: 6vw; } .kdsA.mini4C ul li.wid2:nth-child(2),.kdsA.mini4C ul li.wid2:nth-child(3) { width:100%; } .mini4D .homeD-e { float:left; width: 100%; max-width: 1100px; } .mini4D .homeD-e ul li { background: #fff; padding: 15px 18px 15px 60px; border-radius:10px; margin-top: 15px; } .mini4D.bgWhite .homeD-e ul li { background: #f5f5f5; } .mini4D .homeD-e li .icon { left: 18px; top:50%; transform:translateY(-50%); } .homeD-e li .icon img { height: 32px; } } @media(max-width: 700px){ .mini4D-b .homeD-e ul { max-width:100%; margin-top:0; } .mini4D-b .homeD-e ul li { width: 100%; margin:10px 0; } .mini4D-c { float:right; width: 100%; margin-top: 0px; } .mini4D-b .homeD-e { width: 100%; } /*.mini4D-c { width: 100px; position: absolute; right:0; bottom:0; }*/ .mini4D-c ul li .img:nth-child(2) { display:none; } .mini4D-c ul li { width: calc(50% - 8px); margin-right:0; } .mini4D-c ul li:nth-child(2) { margin-left: 16px; padding-top:0; } .mini4D-b .nMtitB { text-align:center; margin-bottom: 20px; } .homeD-e li .t2 { font-size:18px; } .nMtitB .c { font-size:14px; } .mini4D .homeD-e { float:left; width: 100%; } .mini4D.bgWhite .homeD-e ul li { background: #f5f5f5; } .mini4D .homeD-e ul li { background: #fff; padding: 15px 18px 15px 60px; border-radius:10px; margin-top: 15px; } .mini4D .homeD-e li .icon { left: 18px; top:50%; transform:translateY(-50%); } .homeD-e li .icon img { height: 32px; } } @media(max-width: 400px){ .homeD-e li .t2 { font-size:16px; } } .mini4E { background: #000; padding: 5.5vw 0 9vw; } .mini4E-b { margin-top:3vw; } .mini4E-b ul li { border: 1px solid transparent; background-clip: padding-box, border-box; overflow: hidden; background-origin: padding-box, border-box; background-image: linear-gradient(to right, #000, #000), linear-gradient(to right, #00CE9A, #0069FF); } .mini4E-b ul li { position: relative; min-height: 160px; float:left; width: 24%; margin-right:1.3333%; padding: 30px 30px 20px; } .mini4E-b .icon { position: absolute; right:30px; top:46px; width: 62px; height: 62px; } .mini4E-b .txt { } .mini4E-b .txt .t { color: #FFF; font-size: 22px; font-style: normal; line-height: 1.5; } .mini4E-b .txt .c { color: #FFF; font-size: 18px; opacity: 0.8; font-style: normal; line-height: 1.4; } .mini4E-b ul { display:flex; flex-wrap:wrap; } .mini4E-b ul li:nth-child(4n) { margin-right:0; } .mini4E-b ul li:nth-child(n+5) { margin-top:1.333333%; } @media(max-width:1700px){ .mini4E-b .txt .t { font-size:16px; } .mini4E-b .txt .c { font-size:14px; } .mini4E-b ul li { position: relative; min-height: 140px; } .mini4E-b .icon { right:20px; top:40px; width: 56px; height: 56px; } .mini4E-b ul li { min-height: 120px; padding: 20px 20px 20px; } } @media(max-width:1500px){ /*.mini4E-b .txt .t { font-size:20px; }*/ /*.mini4E-b .txt .c { font-size:16px; }*/ .mini4E-b .icon { right:20px; top:40px; width: 56px; height: 56px; } .mini4E-b ul li { min-height: 100px; padding: 20px 20px 20px; } } @media(max-width:1300px){ .mini4E-b .icon { right:15px; top:20px; width: 48px; height: 48px; } .mini4E-b ul li { min-height: 100px; padding: 15px 15px 15px; } } @media(max-width:1100px){ .mini4E-b { margin-top:30px; } .mini4E-b ul li { min-height: 130px; width: 32%; margin-right:2%; } .mini4E-b ul li:nth-child(4n) { margin-right:2%; } .mini4E-b ul li:nth-child(3n) { margin-right:0; } .mini4E-b ul li:nth-child(n+4) { margin-top:2%; } .mini4E-b .icon { right:10px; top:20px; width: 40px; height: 40px; } } @media(max-width:750px){ .mini4E-b { margin-top:20px; } .mini4E-b ul li { width: 49%; margin-right:2%; } .mini4E-b ul li:nth-child(4n) { margin-right:2%; } .mini4E-b ul li:nth-child(3n) { margin-right:2%; } .mini4E-b ul li:nth-child(2n) { margin-right:0; } .mini4E-b ul li:nth-child(n+3) { margin-top:2%; } } @media(max-width:450px){ .mini4E-b .txt .t { font-size:16px; } .mini4E-b .txt .c { font-size:14px; } } /*.mini4F .homeH-a { background: url(../images/mini4/mini4f1.png) no-repeat center/cover; }*/ .mini4F .homeH-a { background: url(../images/mini4/mini4f1a.png) no-repeat center/cover; } .mini4F-b { float:left; width: 50%; } .mini4F-c { padding-left: 9px; } @media(max-width: 640px){ .mini4F-b { width: 100%; } .homeH-d li .mini4F-b:nth-child(1) { border-bottom:1px solid #ededed; } .mini4F-c { padding-bottom: 8px; } } .mini4G { padding: 3vw 3vw 6vw; } .mini4G-b .img { width: 49.4vw; } .mini4G-a { position: relative; } .mini4G-c { position: absolute; left:62.5vw; top: 10.5vw; z-index: 3; } .mini4G-b { position: relative; } .mini4G-b .line { position: absolute; } .mini4G-b .line1 { left:28.8vw; top: 12vw; border-left:1px dashed #ADADAD; border-bottom:1px dashed #ADADAD; } .mini4G-b .line2 { left:26vw; top: 20vw; border-left:1px dashed #ADADAD; border-bottom:1px dashed #ADADAD; } .mini4G-b .line1 .lineA { position: relative; width: 33.7vw; height: 14.6vw; } .mini4G-b .line2 .lineA { position: relative; width: 15vw; height: 27.5vw; } .mini4G-b .lineA:after,.mini4G-b .lineA:before { content:''; width: 12px; height: 12px; border-radius:50%; position: absolute; background: url(../images/mini4/mini4g2.png) no-repeat center/cover; } .mini4G-b .lineA:after { right: -6px; bottom: -6px; } .mini4G-b .lineA:before { left: -6px; top: -6px; } .mini4G-b .t { position: absolute; bottom:0; transform:translateY(50%); width: 500px; left: calc(100% + 20px); color: #333; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.8; } @media(max-width: 1500px){ .mini4G-b .t { font-size:18px; width: 460px; } } @media(max-width: 1300px){ .mini4G-b .t { font-size:16px; width: 400px; } } /*KDS mini*/ .bgWhite { background: #fff; } .kdsB .mini4A-b { margin-top:0; width: 94vw; } .kdsC { background: #fff; padding-top:4.5vw; } .kdsC ul li { padding: 6vw 0 5vw; background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .kdsC-b { position: relative; } .kdsC ul li .img { float:right; width: 53%; } .kdsC ul li .con { position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 40%; } .kdsC ul li:nth-child(2n) { background: #fff; } .kdsC ul li:nth-child(2n) .img { float:left; } .kdsC ul li:nth-child(2n) .con { left: auto; right:0; } @media(max-width:1100px){ .kdsC ul li .con,.kdsC ul li .img { width: 100%; float:left; position: relative; top:0; transform:translateY(0); } } /*硬件综合页*/ .yingjianD { border-radius: 3vw; margin-top:-3vw; position: relative; z-index: 5; padding: 7vw 0 5vw; background: #F4F4F6; } .yingjianD .yingjianA ul { display:flex; flex-wrap:wrap; } .yingjianA ul li { margin-top:3vw; background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); position: relative; } .yingjianA-b { float:right; width: 50%; background: #fff; padding:3vw 3vw 3.5vw; } .yingjianA-b .con1 .t1 { font-size:24px; } .yingjianA-b .con1 .t2 { font-size:36px; color:#333; margin:10px 0 5px; font-weight:bold; } .yingjianA-b .con1 .c { font-size:20px; color:#333; opacity: 0.8; } .yingjianA-b dl { margin-top:3.5vw; } .yingjianA-b dl dd { float:left; width: 48%; margin-right:4%; } .yingjianA-b dl dd:nth-child(2n) { margin-right:0; } .yingjianA-b dl .t { font-size:24px; font-weight:500; color:#333; line-height: 30px; } .yingjianA-b dl .c { font-size:20px;color:#5C5C5C; margin:10px 0 40px; } /*.yingjianA-b dl .t span { font-size:48px; }*/ .yingjianA-b .more a.t { line-height: 62px;color: #0069FF; display:inline-block; margin-left:30px; font-size: 20px; } .yingjianA-a { position: relative; } .yingjianA-c { width: 50%; position:absolute; height: 100%; left:0; top:0; } .yingjianA-d { position: relative; width: 100%; height: 100%; } .yingjianA-d .img { position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-height:80%; width:70%; } .yingjianA-d .img img { max-height: 22vw; width: auto; width:100%; } .yingjianA ul li:nth-child(2n) .yingjianA-b { float:left; } .yingjianA ul li:nth-child(2n) .yingjianA-c { left:auto; right:0; } .font36 { font-size:36px; } .font32 { font-size:32px!important; } .font30 { font-size:30px; } .font24 { font-size:24px; } @media(max-width:1700px){ .yingjianA-b .con1 .t1 { font-size:22px; } .yingjianA-b .con1 .t2 { font-size:32px; margin:10px 0 5px; } .font36 { font-size:32px; } .font32 { font-size:30px!important; } .font30 { font-size:28px; } .font24 { font-size:22px; } .yingjianA-b .con1 .c { font-size:18px; } .yingjianA-b dl { margin-top:3.5vw; } .yingjianA-b dl .t { font-size:22px;color:#333; } .yingjianA-b dl .c { font-size:18px; margin:10px 0 35px; } .font20 { font-size:18px; } /*.yingjianA-b dl .t span { font-size:40px; }*/ .yingjianA-b .more a.t { line-height: 62px; margin-left:30px; font-size: 18px; } } @media(max-width:1500px){ .yingjianA-b .con1 .t1 { font-size:20px; } .yingjianA-b .con1 .t2 { font-size:28px; margin:10px 0 5px; } .font36 { font-size:28px; } .font32 { font-size:26px!important; } .font30 { font-size:24px; } .font24 { font-size:20px; } .yingjianA-b .con1 .c { font-size:16px; } .yingjianA-b dl { margin-top:3vw; } .yingjianA-b dl .t { font-size:20px;color:#333; } .yingjianA-b dl .c { font-size:16px; margin:10px 0 30px; } .font20 { font-size:16px; } /*.yingjianA-b dl .t span { font-size:32px; }*/ .yingjianA-b .more a.t { line-height: 56px; margin-left:30px; font-size: 18px; } /*.yingjianA-d .img { width:100%; text-align:center; height:80%; }*/ /*.yingjianA-d .img img { height:100%; width:auto; }*/ .yingjianA-d .img img { max-height: 18vw; width: auto; } } @media(max-width:1500px){ .yingjianA-b .con1 .t1 { font-size:18px; } .yingjianA-b .con1 .t2 { font-size:24px; margin:10px 0 5px; } .font36 { font-size:24px; } .font32 { font-size:22px!important; } .font30 { font-size:20px; } .font24 { font-size:18px; } .yingjianA-b .con1 .c { font-size:16px; } .yingjianA-b dl { margin-top:30px; } .yingjianA-b dl .t { font-size:18px; } .yingjianA-b dl .c { font-size:16px; margin:10px 0 25px; } /*.yingjianA-b dl .t span { font-size:28px; }*/ .yingjianA-b .more a.t { line-height: 45px; margin-left:20px; font-size: 16px; } /*.yingjianA-d .img { width:100%; text-align:center; height:80%; }*/ /*.yingjianA-d .img img { height:100%; width:auto; }*/ } @media(max-width:1100px){ .font24 { font-size:16px; } .yingjianD { border-radius:20px; margin-top:-20px; padding: 50px 0 40px; } .yingjianA-b { width: 100%; padding: 20px 20px 30px; } .yingjianA-c { width: 100%; position: relative; } .yingjianA-d .img { width: 100%; position: relative; text-align:center; padding: 10px 15px; top:0; transform:translate(0); left:0; } .yingjianA-d .img img { height:auto; max-width:80%; } .yingjianA-d .img img { max-height: 1000vw; width: auto; width:auto; } .yingjianA-d .img { height: 40vw; max-height: 40vw; padding-top: 4vw; } .yingjianA-d .img img { width: auto!important; height: 32vw; } .yingjianD .yingjianA ul { display:flex; flex-wrap:nowrap; } } @media(max-width:450px){ /*.yingjianA-b dl dd { width: 48.5%; }*/ /*.yingjianA-b dl dd:nth-child(2n) { margin-left: 3%; }*/ .yingjianA-b dl .c { margin-top:0; } .yingjianA-b dl .t { font-size:16px; } /*.yingjianA-b dl .t span { font-size:20px; }*/ } .yingjianD .yingjianA-d .img { max-width: 50%; } .yingjianB { margin-top:6.5vw; } .yingjianB-a { margin-top: 3vw; } .yingjianB-a ul { display:flex; flex-wrap:wrap; } .yingjianB-a ul li { float:left; width: calc(33.333% - 28px); margin-right: 42px; background: #fff; } .yingjianB-a ul li:nth-child(3n) { margin-right:0; } .yingjianB-b { position: relative; width: 100%; height: 350px; background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .yingjianB-b .img { position: absolute; left:0; top:50%; width: 100%; transform:translateY(-50%); text-align:center; } .yingjianB-a .con { padding:2vw 2vw 3vw; } .yingjianB-a .con .t { color:#333; } .yingjianB-a .con .c { line-height: 1.5; margin:10px 0 20px; color:#858585; opacity: 0.8; } .yingjianB-a .con .mainMore { padding:12px 20px; background: linear-gradient(270deg, #4478FD 0%, #63D5F3 100%), linear-gradient(90deg, #00D9CC 0%, #00B3DA 24.95%, #0069FF 100%); backdrop-filter: blur(7.000000476837158px); font-size: 20px; } .yingjianB-a .con .more a.t { line-height: 46px;color: #0069FF; display:inline-block; margin-left:30px; } @media(max-width:1500px){ .yingjianB-a .con .mainMore { font-size:18px; } .yingjianB-a .con .more a.t { line-height: 44px; } } @media(max-width:1300px){ .yingjianB-a .con .mainMore { font-size:16px; } .yingjianB-a .con .more a.t { line-height: 42px; margin-left:20px; } } @media(max-width:1100px){ .yingjianD .yingjianA-d .img { max-width:100%; } .yingjianB-a .con .mainMore { font-size:16px; } .yingjianB-a .con .more a.t { line-height: 42px; margin-left:20px; } .yingjianB-a ul li { width: 100%; margin-right:0; } .yingjianB-a ul li:nth-child(n+2) { margin-top:20px; } .yingjianB-a .con { padding: 16px 15px 20px; } } /*OnPOS SE2C*/ .onposA .mini4B-b { float:left; width: 72%; } .onposA .mini4B-a { left:auto; right:10vw; } .onposA .mini4B-c1 { left: 26vw; top: 16vw; } .onposA .mini4B-c2 { left: 49vw; top: 10vw; } .onposA .mini4B-c3 { left: 26vw; top: 46vw; } .onposA .mini4B-c4 { left: 55vw; top: 41vw; } .onposC .mini4G-b .img { float:right; } .onposC .mini4G-b .line1 .lineA { width: 30vw; height:1px; } .onposC .mini4G-b .t { left:0; top: 20px; right:auto; } .onposC .mini4G-c { left: 10vw; top: 4vw; } /*.onposD .mini4G-c { top: 0; }*/ .onposD .mini4G-b .img { width: 80vw; } .onposD { padding-bottom:0; } @media(max-width:1700px){ .onposC .mini4G-c { left: 8vw; } } @media(max-width:1500px){ .onposC .mini4G-c { left: 6vw; } } /*OnPOS 3DW*/ .bannerConA .tagsA .tags { margin-top:15px; } .bannerConA .tagsA .tags span { display:inline-block; margin-right:10px; padding:3px 20px; border:1px solid #fff; border-radius:50px; font-size:17px;color:#fff; } @media(max-width:1700px){ .bannerConA .tagsA .tags span { font-size:16px; padding: 2px 16px; margin: 5px 5px 5px 0; } } @media(max-width:700px){ .bannerConA .tagsA .tags span { font-size:14px; padding: 2px 12px; margin-right:3px; } } .dwB .mini4B-b { width: 49vw; right: 18vw; } .dwB .mini4B-c1 { left: 13vw; top: 6vw; } .dwB .mini4B-c2 { left: auto; right: -3vw; top: 8vw; } .dwB .mini4B-c3 { left: 12.5vw; top: 36vw; } .dwB .mini4B-c4 { left: auto; right: 4vw; top: 30vw; } @media(max-width:2100px){ .dwB .mini4B-c1 { left: 11vw; top: 6vw; } .dwB .mini4B-c2 { left: auto; right: -5vw; top: 8vw; } .dwB .mini4B-c3 { left: 11.5vw; top: 36vw; } .dwB .mini4B-c4 { left: auto; right: 2vw; top: 30vw; } } @media(max-width:1700px){ .dwB .mini4B-c1 { left: 9vw; top: 6vw; } .dwB .mini4B-c2 { left: auto; right: -7vw; top: 8vw; } .dwB .mini4B-c3 { left: 9.5vw; top: 35vw; } .dwB .mini4B-c4 { left: auto; right: 1vw; top: 29vw; } } .dwD .mini4G-b .img { width: 56vw; } .dwD .mini4G-b .t { bottom:auto; top:100%; transform:translateY(-18px); } .dwD .mini4G-b .line1 .lineA { height: 1px; width: 28vw; } .dwD .mini4G-b .line1 { left: 35vw; top:29vw; } @media(max-width:1700px){ .dwD .mini4G-b .t { transform:translateY(-16px); } } @media(max-width:1300px){ .dwD .mini4G-b .t { transform:translateY(-14px); } .mini4B-c .topT { font-size: 16px; } } .mini4B-z { display:none; } @media(max-width: 1100px){ .mini4B { padding: 40px 0 30px; } .mini4B-a { margin-bottom: 20px; position:relative; top: auto; left:5vw; right:auto; transform:translateY(0); } .mini4B-b { width: 100%; } .mini4B-c1 { left: 31vw; top: 6vw; } .mini4B-c2 { left: 61vw; top: 22vw; } .mini4B-c3 { left: 19vw; top: 56vw; } .mini4B-c4 { left: 66vw; top: 63vw; } .mini4G-b .img { width: 100%; } .mini4G-b .line1 { left: 72vw; top: 18vw; } .mini4G-b .line2 { left: 48vw; top: 38vw; } .dwB .mini4B-b { width: 80%; right:10%; } .mini4B-c .topT { font-size:0; width: 30px; height: 30px; } .mini4B-c { width: 30px; height: 30px; } .mini4B-c1 .topT,.mini4B-c3 .topT { padding-right: 0px; } .mini4B-c2 .topT,.mini4B-c4 .topT { padding-left: 0px; } .mini4B-c1 .topT:before,.mini4B-c3 .topT:before { content:''; width: 30px; height: 30px; } .mini4B-c2 .topT:before,.mini4B-c4 .topT:before { content:''; width: 30px; height: 30px; } .mini4B-c1 .topT:hover:before,.mini4B-c3 .topT:hover:before { left:0; width: 30px; height: 30px; } .mini4B-c2 .topT:hover:before,.mini4B-c4 .topT:hover:before { right:0; width: 30px; height: 30px; } .dwB .mini4B-c1 { left: 22vw; top: 18vw; } .dwB .mini4B-c2 { left: auto; right: -4vw; top: 15vw; } .dwB .mini4B-c3 { left: 11vw; top: 56vw; } .dwB .mini4B-c4 { left: auto; right: 7vw; top: 50vw; } .mini4B-d { position: static; } .mini4B-e { display:none; } /*.mini4B-c:hover .topT { opacity: 1; }*/ /* .mini4B-e,.mini4B-c1 .mini4B-e,.mini4B-c2 .mini4B-e,.mini4B-c3 .mini4B-e,.mini4B-c4 .mini4B-e { width: 320px; position: fixed; right:auto; bottom:0; left: 50%; top:50%; transform:translate(-50%, -50%); } */ .mini4B-z { width: 90vw; display:none; position:absolute; left:50%; top:30%; transform:translate(-50%, -50%); } .mini4B-z ul li.cur .mini4B-e { display:block; width: 100%; position: relative; } .mini4B-f { width: 100%; background: #fff; } .dwD .mini4G-b .img { width: 100%; } .mini4G-c { position: relative; left:0; top:0; } .mini4G { padding: 30px 5vw 40px; } .mini4G-b .line { width:30px; border:none; height: 30px; } .mini4G-b .lineA:before,.mini4G-b .lineA:after { display:none; } .mini4G-b .line .lineA { width: 30px; height: 30px; position: relative; } .dwD .mini4G-b .line1 .lineA,.onposC .mini4G-b .line1 .lineA { width: 30px; height: 30px; } .mini4G-b .lineA .icon { position: relative; width: 30px; height: 30px; } .mini4G-b .lineA .icon:before {content:''; opacity: 1; border-radius:50%; z-index: 1; content:''; width: 40px; height: 40px; position: absolute; left:-5px; top:50%; margin-top:-20px; background: radial-gradient(47.18% 44.85% at 50% 50%, #0069FF 0%, #79B0FF 49.3%, #DDEBFF 100%); } .mini4G-b .lineA .icon:after {content:''; border-radius:50%; z-index: 2; content:''; width: 30px; height: 30px; position: absolute; left:0px; top:50%; margin-top:-15px; background: url(../images/mini4/mini4badd.svg) no-repeat right center #fff; background-size: 30px auto; } .mini4G-b .lineA .icon:before { -webkit-animation: transBig 1.5s infinite; animation: transBig 1.5s infinite; box-sizing: border-box; } @-webkit-keyframes transBig { 0% {-webkit-transform: scale(0.8);} 50% {-webkit-transform: scale(1.3);} 100% {-webkit-transform: scale(0.8);} } @keyframes transBig { 0% {transform: scale(0.8);} 50% {transform: scale(1.3);} 100% {transform: scale(0.8);} } .dwD .mini4G-b .line1 { top:43vw; left:43vw; } .mini4G-b .line .t { transform:translateX(-50%); top:auto; position: absolute; left: 50%; bottom: 35px; background: #fff; width: 0; overflow: hidden; border-radius:15px; } .mini4G-b .line .con { width: 100%; padding: 20px 16px 30px; } .mini4G-b .lineA:hover .t { width: 240px; box-shadow: 5px 5px 6px 0 rgba(0,0,0,0.2); border:1px solid rgba(0, 105, 255, 0.40); height:120px; left:50%; right:auto; transform:translateX(0); } .mini4GS .mini4G-b .line1 .t { left: auto; right: 0; transform:translateX(6vw); } .onposA .mini4B-a { right:auto; left:5vw; } .onposA .mini4B-b { width: 100%; } .onposA .mini4B-c1 { left: 38vw; top: 24vw; } .onposA .mini4B-c2 { left: 66vw; top: 13vw; } .onposA .mini4B-c3 { left: 34vw; top: 62vw; } .onposA .mini4B-c4 { left: 75vw; top: 61vw; } .onposC .mini4G-b .line1 { left:52vw; top: 24vw; } .onposC .mini4G-c { left:0; top:0; } .onposD .mini4G-b .img { width: 100%; } .productsD .mini4G-b .line1 .lineA:hover .t { right: auto; left:-5vw; } } /*产品集合*/ .font72 { font-size:3.6vw!important; font-weight:bold; color:#333; } .font56 { font-size:2.8vw!important; font-weight:bold; color:#333; } .font40 { font-size:2vw!important; font-weight:bold; color:#333; } .borderRadius20 { border-radius:1vw; overflow: hidden; } .productsA { padding:110px 0 80px; } .productsA-b { padding:3vw 3vw 0; } .productsA-c { padding:0 50px; } .productsA-d { margin-top:50px; } .productsA-f { float:left; width: 31%; background: #202020; } .productsA-e { padding: 30px; } .productsA-e .topT .c { font-size:20px;color:rgba(255,255,255,0.7); margin-top:10px; } .productsA-e .topT { position: relative; z-index: 5; margin-bottom:50px; } .productsA-g { position: relative; } .productsA-g .t { position: absolute; left:0; bottom: 20px; text-align:center; font-size:19px;color:#fff; padding: 0 20px; width: 100%; } .productsA-g:nth-child(n+2) { margin-top:30px; } .productsA-e .topT .font40 { font-size: 1.6vw; } .productsA-g .img { position: relative; height: 12vw; overflow: hidden; } .productsA-g .img:before { content:''; width: 100%; height: 100%; background: url(../images/hyyx/hyyxgbg.png) no-repeat center/cover; position: absolute; left:0; bottom:0; } .productsA-d .swiper-container { padding-bottom: 40px; } .productsA-d .swiper-container .swiper-pagination { bottom:0; } .productsA-d .swiper-container .swiper-pagination .swiper-pagination-bullet { background: #fff; } .productsA-d { display:flex; flex-wrap:wrap; } .productsA-h { float:right; width: 66%; margin-left:3%; position: relative; } .productsA-j { width: 100%; height: calc(50% - 1.5vw); position: absolute; bottom:0; right:0; background: linear-gradient(179deg, #E4E4E4 0%, #EFEFEF 48.44%, #E7E7E7 97.79%);; } .productsA-l,.productsA-k { width: calc(50% - 1.5vw); height: calc(50% - 1.5vw); position: absolute; top:0; right:0; background: linear-gradient(179deg, #E4E4E4 0%, #EFEFEF 48.44%, #E7E7E7 97.79%);; } .productsA-k { left:0; right:auto; } .productsA-j .topT .c,.productsA-l .topT .c,.productsA-k .topT .c { color:#5C5C5C; } .productsA-k { background-image: url(../images/products/proabg1.png); background-image: none; background-size: auto 100%; background-repeat: no-repeat; background-position: right bottom; background-color: #EAEAEA; } .productsA-l { background-image: url(../images/products/proabg2.png); background-size: auto 100%; background-repeat: no-repeat; background-position: right bottom; background-color: #EAEAEA; } .productsA-k .con { position: relative; } .productsA-k .con .topImg { vertical-align:top; border:1px dashed #A4CDFC; border-radius:9px; background: #E0EEFF; padding:10px 16px; display:inline-block; } .productsA-k .con .botImg { vertical-align:top; border:1px dashed #B8B8B8; border-radius:9px; background: #DEDEDE; padding:10px 16px; display:inline-block; } .productsA-k .con .div2 { margin-top:20px; } .productsA-k .con .div2 span { vertical-align:top; padding-left: 10px; font-size:14px;color:#5C5C5C; line-height: calc(3.6vw + 20px); display:inline-block; } .productsA-k .con .fr { font-size:1.2vw;color:#0069FF; line-height: 1.8; position: absolute; right:4vw; top:55%; transform:translateY(-50%); } .productsA-k .con img,.productsA-l .img img { height: 3vw; } .productsA-k .con img { width: 80%; height: auto; } .productsA-k .con { position: absolute; width: 100%; left:0; bottom: 0; padding: 0 30px; } .productsA-j .img { margin-top: -6vw; text-align:center; } .productsA-j .img img { width: 70%; } @media(max-width:1920px){ .productsA-d { margin-top:2.5vw; } .productsA { padding: 5.5vw 0 4vw; } .productsA-e { padding: 2vw; } .productsA-e .topT { margin-bottom:2.5vw; } } @media(max-width:1500px){ .productsA-e .topT .c { font-size:18px; margin-top:15px; } .productsA-k .con .topImg { padding: 6px 12px; } .productsA-k .con .div2 { margin-top:10px; } .productsA-l .img img { height: 2.4vw; } } @media(max-width:1300px){ } @media(max-width:1100px){ .productsA-f { width: 100%; } .productsA-d { margin-top:25px; } .borderRadius20 { border-radius:12px; } .productsA-c { padding:0; } .productsA-b { padding:20px 5vw 0; } .productsA { padding: 40px 0 50px; } .font56 { font-size:24px!important; } .font40 { font-size:20px!important; } .font72 { font-size:28px!important; } .productsA-e { padding: 20px 15px; } .productsA-e .topT .c { font-size:16px; margin-top:8px; } .productsA-e .topT { margin-bottom:20px; } .productsA-g:nth-child(n+2) { margin-top:15px; } .productsA-g .t { font-size:16px; bottom: 16px; } .productsA-k .con .div2 { margin-top:12px; } .productsA-h { position: relative; width: 100%; margin-left:0; } .productsA-j,.productsA-k,.productsA-l { width: 100%; margin-top: 20px; position: relative; height:auto; } .productsA-k .con { position: relative; padding:0; } .productsA-k { padding-bottom:0; } .productsA-k .con .fr { font-size:16px; line-height: 1.8; } .productsA-l .img img { height: 40px; } .productsA-k .con .div2 span { line-height: 60px; } .productsA-j .img { margin-top: -2vw; } .productsA-j .img img { width: 100%; } .productsA-g .img { height:auto; } .productsA-k .con { margin-top: -22vw; } } @media(max-width:400px){ .productsA-l .img img { height: 30px; } .productsA-k .con .div2 span { line-height: 50px; } .productsA-k .con .fr { right: 0; } } .opa9 { opacity: 0.9!important; } .opa8 { opacity: 0.8!important; } .opa7 { opacity: 0.7!important; } .opa6 { opacity: 0.6!important; } .opa5 { opacity: 0.5!important; } .opa4 { opacity: 0.4!important; } .opa3 { opacity: 0.3!important; } .opa2 { opacity: 0.2!important; } .opa1 { opacity: 0.1!important; } .productsB { padding:6.5vw 3vw 5vw; background: #202020; } .productsB-a { padding: 0 50px; } .productsB-b { margin-top:70px; } .productsB-c { float:left; width: 66%; } .productsB-c .con { padding: 0 50px; margin-top:60px; } .productsB-c .con .t { line-height: 1; float: left; } .productsB-c .con .c { float: right; width: calc(100% - 18vw); font-size:20px; line-height: 1.8; color:rgba(255,255,255,0.8); } .productsB-d { width: calc(34% - 3vw); float:right; } .productsB-d .swiper-container { padding-bottom:140px; } .productsB-d .swiper-container .swiper-pagination { bottom: 20px; } .productsB-d .swiper-container .swiper-pagination .swiper-pagination-bullet { transition:all 0.5s; position: relative; background: #fff; opacity: 1; margin: 0 10px; background: none; } .productsB-d .swiper-container .swiper-pagination .swiper-pagination-bullet:after { transition:all 0.5s; content:''; width: 0; height: 0; border-radius:50%; border:1px solid #0069FF; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity: 0; } .productsB-d .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #0069FF; } .productsB-d .swiper-container .swiper-pagination .swiper-pagination-bullet-active:after { width: 36px; height: 36px; opacity: 1; } .productsB-d .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 36px; height: 36px; margin:0 5px!important; position:relative;background: none; opacity: 1; } .productsB-d .swiper-container .swiper-pagination .swiper-pagination-bullet:before { content:''; width: 8px; height:8px; border-radius:10px; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); background: #fff; } .productsB-d .swiper-container .swiper-pagination .swiper-pagination-bullet-active:before { background: #0069FF; } @media(max-width:1920px){ .productsB-b { margin-top:3.5vw; } } @media(max-width:1500px){ .productsB-c .con .c { font-size:18px; } .productsB-c .con { margin-top: 40px; } .productsB-d .swiper-container { padding-bottom:100px; } } @media(max-width:1100px){ .productsB { padding:40px 5vw 30px; } .productsB-a { padding: 0px; } .productsB-b { margin-top:25px; } .productsB-a { padding:0; } .productsB-c .con .c { font-size:16px; } .productsB-c .con { padding: 0px; margin-top:15px; } .productsB-c,.productsB-d { width: 100%; } .productsB-d { margin-top:20px; } .productsB-c .con .c { width: 100%; margin-top:15px; } .productsB-d .swiper-container { padding-bottom:70px; } .productsB-d .swiper-container .swiper-pagination .swiper-pagination-bullet-active:after { width: 20px; height: 20px; } .productsB-d .swiper-container .swiper-pagination .swiper-pagination-bullet { margin:0 12px; } } .productsC { padding: 6.5vw 3vw 8vw; background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .productsC .productsB-a .c { color:#5C5C5C; } .productsC-b { position: relative; margin-top:-20px; } .productsC-c { position: absolute; left:50px; top:50%; transform:translateY(-50%); width: 500px; } .productsC-d { float:right; width: 55%; width: calc(100% - 500px); padding:0 2vw 0 7vw; } .productsC-c .t { font-size:24px; font-weight: 700} .productsC-c .c { text-align:justify; font-size:20px; color:#333; opacity: 0.8; line-height: 1.8; margin-top:20px; } @media(max-width:1600px){ .productsC-b { margin-top:-20px; } .productsC-c { width: 450px; } .productsC-d { float:right;width: calc(100% - 450px); } .productsC-c .t { font-size:22px; } .productsC-c .c { font-size:18px; line-height: 1.8; margin-top:20px; } } @media(max-width:1300px){ .productsC-b { margin-top:-20px; } .productsC-c { width: 400px; } .productsC-d { float:right; width: calc(100% - 400px); } .productsC-c .t { font-size:20px; } .productsC-c .c { font-size:16px; line-height: 1.8; margin-top:20px; } } @media(max-width:1100px){ .productsC { padding:40px 5vw 50px; } .productsC-b { margin-top:20px; } .productsC-c { left:0px; width: 100%; position: relative; float:left; top:0; transform:translateY(0); } .productsC-d { float:right; width: 50%; } .productsC-c .t { font-size:20px; } .productsC-c .c { font-size:16px; line-height: 1.8; margin-top:10px; } .productsC-d { float:right; width: 100%; } } .productsD { padding-left:7vw; padding-right:7vw; } .productsD-a { position: relative; } .productsD-a .img { overflow: hidden; } .productsD-a .img1 { float:left; margin-left:3vw; border-bottom-right-radius: 20px; width: 13vw; border-bottom-left-radius: 20px; } .productsD-a .img2 { float:left; margin-left:5vw; border-bottom-right-radius: 20px; width: 42.5vw; border-bottom-left-radius: 20px; } .productsD-a .img3 { float:right; border-bottom-right-radius: 20px; width: 17.2vw; border-bottom-left-radius: 20px; } .productsD-a .img4 { border-radius: 20px; width: 16vw; position: absolute; top: 19.75vw; left:0; } .productsD-a .img5 { border-radius: 20px; width: 17.2vw; position: absolute; top: 23vw; right:0; } .productsD-b { margin-top:8.5vw; } .productsD-b .mainTit { position: relative; z-index: 2; } .productsD-b .mini4G-b { width: 28vw;margin: -3vw auto 0; } .productsD-b .mini4G-b .img { width: 100%; } .productsD-b .mini4G-b .line1 { width: 21vw; height: 1px; top:14vw; left:-16vw; } .productsD-b .mini4G-b .line2 { width: 19.5vw; height: 1px; top:27vw; left: 20vw; } .productsD-b .mini4G-b .line1 .lineA { width: 100%; height: 1px; } .productsD-b .mini4G-b .line2 .lineA { width: 100%; height: 1px; } .productsD-b .mini4G-b .t { left:0; transform:translate(0); width:auto; text-align:left; top: 30px; font-size:24px;color:#0069FF;} .productsD-b .mini4G-b .line2 .t { left: calc(100% + 20px); top: -20px; width: 500px; } .productsD-b .mini4G-b .t p { position: relative; padding-left:24px; } .productsD-b .mini4G-b .t p:before { content:''; width: 8px; height: 8px; background: #0069FF; border-radius:50%; position: absolute; left:0; top:50%; transform:translateY(-50%); } .productsD-b .more { margin-top:70px; } @media(max-width:1500px){ .productsD-b .more { margin-top:3.5vw; } .productsD-b .mini4G-b .t { font-size:22px; } } @media(max-width:1100px){ .productsD { width: 100%; overflow: hidden; } .productsD-b .mini4G-b .t,.productsD-b .mini4G-b .line1,.productsD-b .mini4G-b .line2,.productsD-b .mini4G-b .line1 .lineA,.productsD-b .mini4G-b .line2 .lineA { height: auto; } .productsD-b .mini4G-b .lineA:hover .t { height: 150px; } .productsD-b .mini4G-b { width: 90%; } .productsD-a { min-width:1100px; position: relative; left:50%; transform:translateX(-50%); } .productsD-b .mini4G-b .line1 { width: 30px; top:47vw; left:28vw; } .mini4G-b .lineA:hover .t { left: -30px; top: 40px; left:auto; right:-2vw; transform:translateX(0); } .onposC .mini4G-b .lineA:hover .t { left: -30px; top: 40px; left:50%; right:auto; transform:translateX(-50%); } .mini4GS .mini4G-b .line2 .lineA:hover .t { left: -30px; top: 40px; left:50%; right: auto; transform:translateX(-50%); } .dwD .mini4G-b .lineA:hover .t { left: -30px; top: 40px; left:50%; right: auto; transform:translateX(-50%); } .mini4G-b .lineA:hover { z-index: 10; } .productsD-b .mini4G-b .line2 { width: 19.5vw; height: 1px; top:70vw; left: 40vw; } .productsD-b .mini4G-b .line2 .t { width: 0; left:auto; right:-3px; } .productsD-b .mini4G-b .line2:hover .t { width: 240px; } .productsD-a .img1 { margin-left:4%; width: 16%; } .productsD-a .img2 { margin-left:5%; width: 50%; } .productsD-a .img3 { width: 20%; border-bottom-left-radius: 20px; } .productsD-a .img4 { border-radius: 20px; width: 20%; position: absolute; top: 240px; left:0; } .productsD-a .img5 { border-radius: 20px; width: 20%; position: absolute; top: 280px; right:0; } .productsD-b .more { margin-top:30px; } .productsD-b .mini4G-b .t { font-size:20px; } .productsD { padding: 0 5vw; } } .productsE { padding:6.5vw 0 60px;background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); margin-top:60px; } .productsE-b { margin-top:20px; } .productsE-b .swiper-slide { padding: 40px 0; width: 30vw; opacity: 0!important;} .productsE-b .swiper-slide.cur { opacity: 0.3!important; } .productsE-b .swiper-slide-prev,.productsE-b .swiper-slide-next { opacity: 0.8!important; } .productsE-b .swiper-slide-prev,.productsE-b .swiper-slide-active,.productsE-b .swiper-slide-active.cur { opacity: 1!important; } .productsE-c {border-radius: 24px;background: #F4F4F6; overflow: hidden;} .productsE-b .swiper-slide-active .productsE-c ,.productsE-b .swiper-slide-prev .productsE-c ,.productsE-b .swiper-slide-next .productsE-c { box-shadow: 0px 4.000000476837158px 30px 0px rgba(128, 132, 148, 0.25);backdrop-filter: blur(34.000003814697266px); } .productsE-b .img { padding: 20px 15px; text-align:center; } .productsE-c .con { padding:40px 35px 60px; background: #fff; } .productsE-c .con .t {color: #202020;font-size: 32px;line-height: 1.6;} .productsE-c .con .c {color: #858585; font-size: 16px; line-height: 1.5; margin:15px 0 30px;} .productsE-c .con .mainMore { background: linear-gradient(270deg, #4478FD 0%, #63D5F3 100%), linear-gradient(90deg, #00D9CC 0%, #00B3DA 24.95%, #0069FF 100%);backdrop-filter: blur(7.000000476837158px); } .productsE-c .con .tt { font-size:20px;color:#0069FF; line-height: 60px; padding-left: 30px;} @media(max-width:1500px){ .productsE-c .con { padding: 30px 25px 40px; } .productsE-c .con .t { font-size:28px; } .productsE-c .con .c { margin:10px 0 25px; } .productsE-c .con .tt { font-size:18px; line-height: 50px; } .productsE-b .swiper-slide { width: 35vw; } } @media(max-width:1300px){ .productsE-c .con { padding: 20px 15px 30px; } .productsE-c .con .t { font-size:24px; } .productsE-c .con .c { margin:10px 0 18px; } .productsE-c .con .tt { font-size:16px; line-height: 45px; padding-left:10px; } .productsE-b .swiper-slide { width: 35vw; } } @media(max-width:1100px){ .productsE { padding:40px 0 50px; margin-top:50px; } .productsE-b .swiper-slide { width: 50vw; } .productsE-c .con .t { font-size:20px; } .productsE-c .con .tt { font-size:16px; line-height: 42px; } .productsE-b .swiper-container { padding-bottom: 40px; } } @media(max-width: 700px){ .productsE-b .swiper-slide { width: 94vw; } .productsE-c .con { padding:20px 26px 30px; } .productsE-c .con .tt { font-size:16px; line-height: 42px; } .productsE-b .swiper-slide { padding:0; } .productsE-b .swiper-slide-active .productsE-c ,.productsE-b .swiper-slide-prev .productsE-c ,.productsE-b .swiper-slide-next .productsE-c { box-shadow: none; } .productsE-b .img img { max-height: 40vw; } } .productsF { background: #fff; padding:120px 0 80px; } .productsFA { padding: 0 3vw; margin-top: 80px; } .productsF-b { width: 100%; display:flex; flex-wrap:wrap; } .productsF-c { min-height: 17vw; float:lelt; width: 49%; padding: 2vw; } .productsF-d { background: linear-gradient(179deg, #E4E4E4 0%, #EFEFEF 48.44%, #E7E7E7 97.79%); } .productsF-c .topT .c { color:#5C5C5C; font-size:20px; margin-top:20px; } .productsF-c .topT { margin-bottom: 1.5vw; } .productsF-d .con img { width: 86%; height: auto; } .productsF-e { width: 49%; margin-left:2%; background: #0069FF; position: relative; } .productsF-e .img { position: absolute; right: 1vw; bottom:0; } .productsF-e .con { font-size:20px; color:#fff; line-height: 1.8; } .productsF-e .con p { position: relative; padding-left:20px; } .productsF-e .con p:before { content:''; width: 8px; height: 8px; background: #fff; border-radius:50%; position: absolute; left:0; top:50%; transform:translateY(-50%); } .productsF-f,.productsF-g { margin-top:2%; } .productsF-g { background: #202020; } .productsFA .more { margin-top:70px; } .productsF-c .con .swiper-container .swiper-slide { width: 72px; } .productsF-e .img img { height: 15vw; } .productsF-g .img img { height: 13vw; } .productsF-f .img img { height: 10vw; } .productsF-d .con span.alignC { display:inline-block; margin-right:10px; } .productsF-d .con span.t { display:block; width: 100%; color:#5c5c5c; font-size:12px; } .productsF-d .con span.alignC img { margin-bottom: 4px; margin-right:0; } @media(max-width:1920px){ .productsFA .more { margin-top:3.5vw; } .productsF { padding: 5.5vw 0 5vw; } .productsF-c .topT { margin-bottom:1.5vw; } /*.productsF-d .con img { width: 90%; height: auto; }*/ .productsF-c .con .swiper-container .swiper-slide { width: 60px; } .productsFA { margin-top:4vw; } } @media(max-width:1700px){ .productsF-c { padding: 30px; } /*.productsF-c { min-height: 400px;}*/ .productsF-e .con { font-size:18px; } /*.productsF-g .img { right:4vw; }*/ .productsF-g .topT { padding-bottom:30px; } } @media(max-width:1500px){ .productsF-c { padding: 30px; } /*.productsF-c { min-height: 360px;}*/ .productsF-e .con { font-size:18px; } /*.productsF-e .img img { height: 320px; }*/ /*.productsF-g .img img { height: 240px; }*/ .productsF-g .img { right:3vw; } .productsF-g .topT { padding-bottom:30px; } /*.productsF-d .con img { width: 50px; height: auto; }*/ .productsF-c .con .swiper-container .swiper-slide { width: 50px; } .productsF-c .topT .c { font-size:18px; margin-top:15px; } } @media(max-width:1100px){ .productsFA .more { margin-top: 30px; } .productsFA { margin-top:20px; } .productsF-e .con { font-size:16px; } .productsF-c { padding: 20px 15px 30px; } .productsF-c { width: 100%; min-height:10px; } .productsF-e,.productsF-f,.productsF-g { margin-left:0; margin-top:18px; } .productsF-c .topT .c { font-size:16px; margin-top:10px; } .productsF-c .topT { margin-bottom:20px; } .productsF-e .img img { height: 150px; } .productsF-f .img img { height: auto; width: 94%; } .productsF-g .topT { padding-bottom:0px; } .productsF-g .img { position: relative; right:0; margin-top:10px; width: 100%; } .productsF-g .img img { height: auto; width: 100%; } .productsF-g { padding-bottom:0; } } @media(max-width:500px){ .productsF-d .con img { width: 100%; height: auto; } /*.productsF-d .con img { width: 40px; height: auto; }*/ /*.productsF-d .con img { margin: 0 6px 6px 0; }*/ } @media(max-width:450px){ .productsF-e .img img { height: 120px; } .productsF-e .con { font-size:14px; } } @media(max-width:400px){ .productsF-e .img img { height: 80px; } .productsF-d .con img { margin: 0 6px 6px 0; } } .productsG {background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%);} .productsG-b { } /*.productsG-b ul { display:flex; flex-wrap:wrap; }*/ .productsG-b ul li { top:0; transition:all 0.5s; position: relative; float:left; width:calc(20% - 2.4vw); background: #fff; } /*.productsG-b ul { display:flex; flex-wrap:wrap; }*/ .productsG-b ul li { background: #fff; position: relative; float:left; width: calc(20% - 32px); margin-right: 40px; } /*.productsG-b ul li:nth-child(5) { margin-right:0; }*/ /*.productsG-b ul li .con { z-index: 10; position: absolute; left:0; bottom:10px; width: 100%; padding: 0 20px; min-height:200px; }*/ .productsG-b ul li .con { z-index: 10; padding: 20px 20px 30px; min-height:200px; } .productsG-b .t { font-weight:bold; color:#333!important; font-size:34px; } .productsG-b .c { color:#5C5C5C!important; font-size:16px; min-height:100px; margin-top:20px; line-height: 1.5; opacity: 0.9!important; } /*.productsG-b ul li:nth-child(n+2) { margin-left:3vw; }*/ .productsG-b ul li:hover { top: -15px; } /*.productsG-b ul li:after { content:''; width: 100%; height: 80%; background: url(../images/products/mb.png) no-repeat bottom center/cover; position: absolute; left:0; bottom:0; }*/ .productsHA { margin-top: 0; } .productsH { padding-bottom:0; } .productsI { padding-bottom: 100px; } .productsI .container { width: 100%; padding: 0 4vw; max-width:100%; } .productsH-b .img { width: 75vw; margin:0 auto; } @media(max-width:1900px){ .productsG-b .c { margin-top:15px; min-height:120px; } } @media(max-width:1700px){ .productsG-b .t { font-size:28px; } } @media(max-width:1500px){ .productsG-b .t { font-size:24px; } .productsG-b .c { margin-top:15px; min-height:120px; } .productsG-b ul li .con { padding: 16px 20px 25px; } .productsG-b ul li { position: relative; float:left; width: calc(20% - 16px); margin-right: 20px; } } @media(max-width:1300px){ .productsG-b .t { font-size:20px; } .productsG-b .c { margin-top:15px; min-height:150px; } } @media(max-width:1100px){ .productsG-b .t { font-size:20px; } /*.productsG-b ul li { width: calc(50% - 10px); } .productsG-b ul li:nth-child(n+2) { margin-left:0; } .productsG-b ul li:nth-child(n+3) { margin-top:20px; } .productsG-b ul li:nth-child(2n) { margin-left:20px; }*/ .productsG-b ul li .con { padding: 15px 18px 20px; min-height:160px; } .productsH-b .img { width: 100%; } .productsG-b ul li:hover { top:0; } .productsG-b ul li { position: relative; float:left; width: calc(50% - 10px); margin-right: 20px; } /*.productsG-b ul li:nth-child(2n) { margin-right:0; }*/ /*.productsG-b ul li:nth-child(n+3) { margin-top:20px; }*/ } @media(max-width:500px){ .productsG-b .t { font-size:20px; } /*.productsG-b ul li { width: 100%; margin-right: 0px; }*/ /*.productsG-b ul li:nth-child(2n) { margin-right:0; }*/ /*.productsG-b ul li:nth-child(n+2) { margin-top:20px; }*/ } .productsI { background:#fff; } .productsI-b { display:flex; flex-wrap:wrap; } .productsI-c { background: #202020; float:left; width: 48%; position: relative; padding: 40px 40px 170px; } .productsI-c:nth-child(2) { margin-left:4%; background: #0069FF; } .productsI-c .img { position: absolute; right:0; bottom:0; } .productsI-c .topT .c { font-size:20px;line-height: 1.5; margin-top:15px; max-width:60%; } @media(max-width:1700px){ .productsI { padding-bottom: 5vw; } .productsI-c { padding: 30px 30px 140px; } .productsI-c .topT .c { font-size:18px; } .productsI-c .img img { width: 300px; } } @media(max-width:1500px){ .productsI-c { padding: 30px 30px 100px; } .productsI-c .topT .c { font-size:16px; } .productsI-c .img img { width: 240px; } } @media(max-width:1100px){ .productsFA { padding: 0 5vw; } .productsI { padding-bottom: 40px; } .productsI { margin-top:30px; } .productsI-c { width: 100%; } .productsI-c:nth-child(2) { margin-left:0; margin-top:20px; } } @media(max-width:600px){ .productsI-c .topT .c { max-width:100%; margin-top:10px; } .productsI-c { padding: 20px 15px 100px; } .productsI-c .img img { width: 150px; } } /*会员营销*/ .hyyxA .productsF-c,.hyyxA .productsF-e { width: 48%; } .hyyxA .productsF-c { position:relative; top: 0; transition:all 0.5s; } .hyyxA .productsF-c:hover { top: -15px; } @media(max-width:1100px){ .hyyxA .productsF-c,.hyyxA .productsF-e { width: 100%; } .hyyxA .productsF-c:hover { top:0; } } .hyyxB { background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .hyyxB .productsHA { text-align:center; margin-top: 1vw; } .hyyxB .productsHA img { width: 90%; } .hyyxB .more { margin-top:2vw; } .hyyxB-a { margin-top:3vw; } @media(max-width:1920px){ .hyyxB-a { margin-top:3vw; } } @media(max-width:1100px){ .productsF { padding: 40px 0 50px; } .hyyxB-a,.hyyxB .more { margin-top:20px; } .hyyxB .productsHA img { width: 100%; } } @media(max-width:400px){ .hyyxB .more .mainMore i { font-size:14px; } .hyyxB .more .mainMore { padding: 10px 20px; } } .hyyxC { background: #fff; } .hyyxC .mini4B-b { width: 40vw; margin-right:6vw; } .hyyxC .mini4B-a { width: 26vw; } .hyyxC-a { margin-bottom: 90px; } .hyyxC .mini4B-c1 { left: -5vw; top: 13vw; } .hyyxC .mini4B-c2 { left: 40vw; top: 6vw; } .hyyxC .mini4B-c3 { left: 36vw; top: 22vw; } .hyyxC .mini4B-c4 { left: 4vw; top: 34vw; } .hyyxC .mini4B-c5 { left: 37vw; top: 31vw; } .hyyxC .mini4B-c5 .topT,.hyyxC .mini4B-c1 .topT,.hyyxC .mini4B-c2 .topT,.hyyxC .mini4B-c3 .topT,.hyyxC .mini4B-c4 .topT { transition: all 0.5s; padding-left: 60px; padding-right:0; } .hyyxC .mini4B-c5,.hyyxC .mini4B-c1,.hyyxC .mini4B-c2,.hyyxC .mini4B-c3,.hyyxC .mini4B-c4 { min-width:170px; } .hyyxC .mini4B-c1 .mini4B-e { right: 100px; } .hyyxC .mini4B-c1 .topT:after,.hyyxC .mini4B-c3 .topT:after { left:-3px; right:auto; } .hyyxC .mini4B-c5 .topT:before, .hyyxC .mini4B-c1 .topT:before, .hyyxC .mini4B-c2 .topT:before, .hyyxC .mini4B-c3 .topT:before, .hyyxC .mini4B-c4 .topT:before { transition: all 0.6s; content:''; width: 48px; height: 48px; position: absolute; left:0; top:50%; transform:translateY(-50%); background: url(../images/mini4/mini4badd.svg) no-repeat center/cover #fff; } .mini4B-c.active { z-index: 0!important; } /*.hyyxC .mini4B-c5:hover .topT:before, .hyyxC .mini4B-c1:hover .topT:before, .hyyxC .mini4B-c2:hover .topT:before, .hyyxC .mini4B-c3:hover .topT:before, .hyyxC .mini4B-c4:hover .topT:before { left:4px; width: 40px; height: 40px; background-color: #fff; } */ .hyyxC .mini4B-c5 .mini4B-e { right:95px; bottom:-20px; } .hyyxC .mini4B-c3 .mini4B-e { right:95px; bottom:-20px; } .hyyxC .mini4B-c2 .mini4B-e { right:95px; left:auto; top:-20px; } @media(max-width:1920px){ .hyyxC-a { margin-bottom:4.5vw; } } /*@media(max-width:1700px){ .hyyxC .mini4B-c3 { left: 40vw; top: 23vw; } .hyyxC .mini4B-c5 { left: 38vw; top: 39vw; } .hyyxC .mini4B-c1 { left: -4vw; top: 16vw; } .hyyxC .mini4B-c4 { left: 1vw; top: 36vw; } }*/ @media(max-width:1500px){ .hyyxC .mini4B-c4 .topT:after, .hyyxC .mini4B-c2 .topT:after, .hyyxC .mini4B-c3 .topT:after, .hyyxC .mini4B-c5 .topT:after, .hyyxC .mini4B-c1 .topT:after { left:0; } } @media(max-width:1300px){ .hyyxC .mini4B-c5 .topT,.hyyxC .mini4B-c1 .topT,.hyyxC .mini4B-c2 .topT,.hyyxC .mini4B-c3 .topT,.hyyxC .mini4B-c4 .topT { padding-left: 45px; } .hyyxC .mini4B-c5 .topT:before, .hyyxC .mini4B-c1 .topT:before, .hyyxC .mini4B-c2 .topT:before, .hyyxC .mini4B-c3 .topT:before, .hyyxC .mini4B-c4 .topT:before { width: 38px; height: 38px; } /* .hyyxC .mini4B-c5:hover .topT:before, .hyyxC .mini4B-c1:hover .topT:before, .hyyxC .mini4B-c2:hover .topT:before, .hyyxC .mini4B-c3:hover .topT:before, .hyyxC .mini4B-c4:hover .topT:before { left:4px; width: 30px; height: 30px; }*/ .hyyxC .mini4B-c4 .topT:after, .hyyxC .mini4B-c2 .topT:after, .hyyxC .mini4B-c3 .topT:after, .hyyxC .mini4B-c5 .topT:after, .hyyxC .mini4B-c1 .topT:after { left:-3px; } .hyyxC .mini4B-b { width: 36vw; } .hyyxC .mini4B-a { width: 26vw; } .hyyxC .mini4B-c2 { left: 35vw; } .hyyxC .mini4B-c5 { left: 32vw; } } @media(max-width:1100px){ .hyyxC-a { margin-bottom:25px; } .hyyxC .mini4B-a { width: 100%; text-align:center; } .hyyxC .mini4B-a img { max-width: 500px; } .hyyxC .mini4B-b { width: 80%; float:none; margin: 0 auto; } /*.hyyxC .mini4B-c5 .topT,.hyyxC .mini4B-c1 .topT,.hyyxC .mini4B-c2 .topT,.hyyxC .mini4B-c3 .topT,.hyyxC .mini4B-c4 .topT { padding-left: 0px; background: url(../images/mini4/mini4badd.svg) no-repeat left center; background-size: 30px auto; }*/ .hyyxC .mini4B-c1 { left: 4vw; top: 20vw; } .hyyxC .mini4B-c2 { left: 65vw; top: 9vw; } .hyyxC .mini4B-c3 { left: 72vw; top: 35vw; } .hyyxC .mini4B-c4 { left: 0vw; top: 58vw; } .hyyxC .mini4B-c5 { left: 62vw; top: 66vw; } .mini4B-c .topT:before { left:0!important; right:auto; } /*.hyyxC .mini4B-c4 .topT:after, .hyyxC .mini4B-c2 .topT:after, .hyyxC .mini4B-c3 .topT:after, .hyyxC .mini4B-c5 .topT:after, .hyyxC .mini4B-c1 .topT:after { left:-7px; }*/ } .hyyxD { padding:120px 3vw 90px; background: #202020; position:relative; background: linear-gradient(181deg, #E4E4E4 0.58%, #EFEFEF 43.23%, #EAEAEA 67.68%, #EFEFEF 86.69%); } .hyyxE { background: #fff; } .hyyxE-b { margin-top:80px; } .hyyxE-b .img { width: 60vw; margin: 0 auto; } /*.hyyxD-b { margin-top:70px; }*/ /*.hyyxD-b ul li { float:left; width: calc(25% - 2.1vw); margin-right:2.8vw; text-align:center; position: relative; }*/ .hyyxD-g { position: relative; width: 314px; height:634px; padding: 0 2px; margin: 0 auto; border-radius:50px; overflow: hidden; } .hyyxD-b .swiper-container { position: relative; padding: 16px 13px; width: 310px; height:634px; overflow: hidden; } .hyyxD-g:after { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: url(../images/hyyx/hyyxd10.png) no-repeat center/cover; z-index: 3; } .hyyxD-b ul li { text-align:center; position: relative; } /*.hyyxD-b ul li:nth-child(4n) { margin-right:0; }*/ /*.hyyxD-b ul li .img2 { width: calc(100% - 80px); position: absolute; left:50%; transform:translate(-50%, -50%); top:calc(50% - 20px); }*/ .hyyxD-b ul li .c { display:inline-block; font-size:14px;color:#fff; border-radius:50px; padding: 10px 0; width: 150px; background: #0069FF; margin-top:20px; } .hyyxD-b ul li .pic { position:relative; margin:0 auto; background: #333; } .hyyxD-b ul li img { height:609px; width: auto; } .hyyxD-x { position:relative; } .hyyxD-a { position: absolute; right:3%; text-align:left; top:50%; transform:translateY(-50%); width: 40%; } .hyyxD-b { padding: 36px 0; background: #333; background: url(../images/addhyyxDbg1.png) no-repeat center/cover; border-radius:40px; float:left; width: 51%; margin-left: 1%; } .hyyxD-a .mainTit .t { color:#333!important; } .hyyxD-a .mainTit .c { color:#5C5C5C!important; opacity: 1!important; } .hyyxD-f ul li { display:none; } .hyyxD-f ul li.cur { display:block; } .hyyxD-g .swiper-pagination { width: 1px; height: 1px; opacity: 0; overflow: hidden; } @media(max-width:1920px){ .hyyxE-b { margin-top:4vw; } .hyyxD { padding:6vw 3vw 5vw; } /*.hyyxD-b { margin-top:3.5vw; }*/ /*.hyyxD-b ul li .pic { padding:2vw 2.8vw; }*/ /*.hyyxD-b ul li .img2 { width: calc(100% - 4vw); }*/ } @media(max-width:1100px){ .hyyxE-b { margin-top:15px; } .hyyxD { padding: 40px 5vw 50px; } /*.hyyxD-b ul li .img2 { width: calc(100% - 20px); }*/ /*.hyyxD-b ul li { padding:20px 16px; width: 48%; margin-right:4%; }*/ /*.hyyxD-b ul li .pic { padding:20px 16px; }*/ /*.hyyxD-b ul li:nth-child(2n) { margin-right:0; }*/ /*.hyyxD-b ul li:nth-child(n+3) { margin-top:4%; }*/ .hyyxE-b .img { width: 100%; } .hyyxD-b ul li .c { margin-top:10px; } .hyyxD-a { position: relative; float:left; right:0%; text-align:center; top:0%; transform:translateY(0%); width: 100%; } .hyyxD-b { float:left; width: 100%; margin-left: 0; margin-top:20px; } .hyyxD-b ul li .pic { max-width: 300px; } } @media(max-width: 380px){ .hyyxD-b ul li .c { width: 120px; padding: 8px; font-size:12px; } } @media(max-width: 500px){ .hyyxD-g {width: 280px; height:566px; border-radius:46px; } .hyyxD-b .swiper-container { padding: 16px 13px; width: 276px; height:570px; overflow: hidden; } /*.hyyxD-b ul li img { height: 100%!important; max-height:200%; width: auto!important; }*/ } .hyyxF { padding-bottom:0; background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .hyyxF-a { position: relative; padding-bottom:0; background: url(../images/hyyx/hyyxfbg.png) no-repeat bottom center; background-size: 100% auto; } .hyyxF-b { position: relative; margin:8.6vw auto 0; width: 30vw; position: relative; } .hyyxF-a:after { content:''; width: 100%; height: 17vw; background: url(../images/hyyx/hyyxfbg2.png) no-repeat bottom center; position: absolute; left:0;bottom:0; } .hyyxF-c { position: absolute; left:0; top:0; width: 100%; height: 100%; } .hyyxF-d { position: relative; left:0; top:0; width: 100%; height: 100%; } .hyyxF-b .img img { width: 13vw; height: auto; } /*.hyyxF-b .img { margin:0 auto; width: 36%; }*/ .hyyxf-e .icon img { width: 2.2vw; height: auto; } .hyyxf-e { z-index: 5; width: 150px; position: absolute; transform:translate(-50%, -50%); } .hyyxf-e1 { left: -0.8vw; bottom:3vw; } .hyyxf-e2 { left: -1.6vw; bottom:10vw; } .hyyxf-e3 { left: 2vw; bottom:17vw; } .hyyxf-e4 { left: 7.5vw; bottom:22.5vw; } .hyyxf-e5 { left: 50%; bottom:24vw; } .hyyxf-e6 { left: calc(100% - 7.5vw); bottom:22.5vw; } .hyyxf-e7 { left: calc(100% - 1.5vw); bottom:17vw; } .hyyxf-e8 { left: calc(100% + 1.6vw); bottom:10vw; } .hyyxf-e9 { left: calc(100% + 0.8vw); bottom:3vw; } .hyyxf-e .t { font-size:0.8vw;color:#4A4A4A; margin-top:6px; } @media(max-width: 1500px){ /*.hyyxF-b { margin-top:40px; }*/ .hyyxf-e { width: 120px; } /*.hyyxf-e .t { font-size:16px; }*/ /*.hyyxf-e .icon img { width: 50px; }*/ } @media(max-width: 1100px){ .hyyxf-e { width: 120px; } .hyyxf-e .t { font-size:16px; } .hyyxf-e .icon img { width: 50px; } .hyyxF-b { margin-top:20px; width: 100%; padding-top:0px; } .hyyxF-c { position: relative; width: 100%; height: auto; } .hyyxf-e { margin-bottom:15px; padding: 0 10px; float:left; width:33.3333%; position: relative; transform:translate(0, 0); left:auto; bottom:auto; } .hyyxF-a:after { height: 30vw; background: url(../images/hyyx/hyyxfbg2.png) no-repeat top center; background-size: auto 100%; } .hyyxF-b .img img { width: 90%; max-width: 300px; height: auto; } } @media(max-width: 500px){ .hyyxf-e .t { font-size:14px; } .hyyxf-e .icon img { width: 45px; } .hyyxf-e {padding: 0 5px; } } @media(max-width: 380px){ .hyyxf-e .t { font-size:12px; } .hyyxf-e .icon img { width: 40px; } .hyyxf-e {padding: 0 5px; } } .hyyxG-a .img { width: 21.6%; float:left; } .hyyxG-a .imgA { position: relative; overflow: hidden; } .hyyxG-a .img1 { position: relative; overflow: hidden; } .hyyxG-a .img1 img { position: relative; margin-top: 0vw; } .hyyxG-a .img2 { margin: 0 8.3vw; margin-top: 14.6vw; } .hyyxG-a .img3 { margin-top: 6.25vw; margin-right: } .hyyxG-a .img4 { float:left; position: absolute; left:0; top:39.6vw; } .hyyxG-a .img5 { float:right; position: relative; margin-top: 2.5vw; } .hyyxG-a .img6 { float:left; position: absolute; left:9.4vw; bottom:0; } .hyyxG-a .img7 { float:left; position: absolute; left:40.6vw; bottom:0; } .hyyxG-a { height: 115vw; position: relative; } .hyyxG-a .imgA:before { z-index: 3; content:''; border-radius:50px; width: 100%; height: calc(80px + 50px); background: url(../images/hyyx/hyyxgbg.png) no-repeat center/cover; position: absolute; left:0; bottom:0; } .hyyxG-a .img .t { z-index: 5; position: absolute; left:50%; transform:translateY(-50%); bottom: 40px; transform:translateX(-50%); text-align:center; border-radius: 51.3px; background: #0069FF; display:inline-block; font-size:14px;color:#fff; border-radius:50px; padding: 13px 0; width: 200px; font-size:19px; } .hyyxG-a .img6 .imgA:before,.hyyxG-a .img7 .imgA:before { border-radius:0; } .hyyxG-b { width: 100%; position: absolute; top:59%; transform:translateY(-50%); } @media(max-width:1500px){ .hyyxG-a .img .t { bottom: 30px; padding: 10px 0; width: 180px; font-size:16px; } } @media(max-width:1100px){ .hyyxG { padding: 30px 0 50px; } .hyyxG-a { height: auto; } .hyyxG-b { width: 100%; position: relative; top:0%; transform:translateY(0%); } .hyyxG-a .img .t { bottom: 30px; padding: 10px 0; width: 180px; font-size:16px; } .hyyxG-a .img { width: 33.3333%; margin:0; position: relative; top:auto; left:auto; bottom:auto; } .hyyxG-a .img5,.hyyxG-a .img6,.hyyxG-a .img7 { display:none; } } .hyyxH { background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .hyyxI { padding:120px 3vw 100px; } .hyyxI-b { margin-top: 75px; } .hyyxI-c { float:left; width: 17.7vw; } .hyyxI-d { float:right; width: 68.23vw; } .hyyxI-b .img { position: relative; background: #ECECEC; } /*.hyyxI-b .img:before { content:''; width: 100%; height: 100%; background: url(../images/hyyx/hyyxgbg.png) no-repeat center/cover; position: absolute; left:0; bottom:0; }*/ .hyyxG-a .img .t { position: absolute; left:50%; transform:translateY(-50%); bottom: 40px; transform:translateX(-50%); text-align:center; border-radius: 51.3px; background: #0069FF; display:inline-block; font-size:14px;color:#fff; border-radius:50px; padding: 13px 0; width: 200px; font-size:19px; } .hyyxG-a .img6 .imgA:before,.hyyxG-a .img7 .imgA:before { border-radius:0; } .hyyxG-b { width: 100%; position: absolute; top:59%; transform:translateY(-50%); } @media(max-width:1500px){ .hyyxG-a .img .t { bottom: 30px; padding: 10px 0; width: 180px; font-size:16px; } } @media(max-width:1100px){ .hyyxG { padding: 30px 0 50px; } .hyyxG-a { height: auto; } .hyyxG-b { width: 100%; position: relative; top:0%; transform:translateY(0%); } .hyyxG-a .img .t { bottom: 30px; padding: 10px 0; width: 180px; font-size:16px; } .hyyxG-a .img { width: 48%; margin:0; margin-right:2%; margin-top: 20px; position: relative; top:auto; left:auto; bottom:auto; } .hyyxG-a .img2,.hyyxG-a .img4 { margin-right:0; } .hyyxG-a .img2 { padding-top: 40px; } .hyyxG-a .img3 { margin-top: -20px; } .hyyxG-a .img1 img { position: relative; margin-top:0; } .hyyxG-a .imgA:before { border-radius:9vw; } } @media(max-width:600px){ .hyyxG-a .img .t { bottom: 25px; width: 140px; } } @media(max-width:400px){ .hyyxG-a .img .t { bottom: 25px; width: 120px; } } .hyyxH { background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .hyyxI { padding:120px 3vw 100px; } .hyyxI-b { margin-top: 75px; } .hyyxI-c { floa } .hyyxI-b .img img { width: 100%; } .hyyxI-b .topTit { margin-bottom: 40px; font-size: 30px; color:#fff; text-align:center; width: 100%; line-height: 90px; } .hyyxI-c .topTit { background: #00CE9A; } .hyyxI-d .topTit { background: #0069FF; } .hyyxI-d .img { float:left; width: 17.7vw; } .hyyxI-d .img2 { margin-left: 2.8vw; } .hyyxI-d .img3 { width: 27.24vw; float:right; } /*.hyyxI-b .img .con { position: absolute; width: 100%; left:0; text-align:center; bottom: 40px; }*/ .hyyxI-b .img .con { position: relative; width: 100%; height: 190px; } .hyyxI-b .img .con .cc { width: 100%; position: absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; } .hyyxI-b .con .t { color: #333; font-size: 34.352px; font-weight: 600; line-height: 1;} .hyyxI-b .con .c { color: #5C5C5C;font-size: 20px;font-weight: 400;line-height: 1.5; margin-top: 20px; } .hyyxI-f { position: relative; } .hyyxI-f:after { content:''; width: 111px; height: 91px; background: url(../images/hyyx/hyyxibg.png) no-repeat center; background-size: 100% auto; position: absolute; transform:translate(-50%, -50%); top:50%; left: calc(100% + 3.9vw); } .hyyxI-f,.hyyxI-d .img { position:relative; transition: all 0.5s; top:0; } .hyyxI-f:hover,.hyyxI-d .img:hover { top:-15px; } @media(max-width:1920px){ .hyyxI-b { margin-top: 4vw; } .hyyxI { padding:6vw 3vw 5vw; } } @media(max-width:1700px){ .hyyxI-b .topTit { margin-bottom: 2vw; font-size: 26px; line-height:80px; } .hyyxI-b .con .t { font-size: 30px; } .hyyxI-b .con .c { font-size: 18px; margin-top: 16px; } .hyyxI-f:after { width: 90px; height: 91px; left: calc(100% + 3.9vw); } /*.hyyxI-b .img .con { bottom: 2vw; }*/ .hyyxI-b .img .con { height: 180px; } } @media(max-width:1500px){ .hyyxI-b .topTit { font-size: 22px; line-height: 70px; } .hyyxI-b .con .t { font-size: 26px; } .hyyxI-b .con .c { font-size: 16px; margin-top: 12px; } .hyyxI-f:after { width: 70px; height: 91px; left: calc(100% + 3.9vw); } /*.hyyxI-b .img .con { bottom: 2vw; }*/ .hyyxI-b .img .con { height: 170px; } } @media(max-width:1100px){ .hyyxI-b { margin-top: 25px; } .hyyxI { padding: 40px 5vw 50px; } .hyyxI-b .topTit { font-size: 20px; line-height: 50px; } /*.hyyxI-b .img .con { bottom: 20px; }*/ .hyyxI-c { float:left; width: 100%; } .hyyxI-d { float:right; width: 100%; margin-top: 20px; } .hyyxI-b .con .t { font-size: 22px; } .hyyxI-d .img,.hyyxI-d .img3 { width: 100%; margin:16px 0 0 0; } .hyyxI-b .img .con { height: 150px; } .hyyxI-d .img1, .hyyxI-d .img2 { width: calc(50% - 8px); } .hyyxI-d .img2 { margin-left:16px; } .hyyxI-d .img3 { width: 100%; } .hyyxI-b .hyyxI-c .img .con { height: 80px; } .hyyxI-d { margin-top: 90px; } .hyyxI-f:after { top:auto; transform:translateY(0); left:50%; margin-left:-35px; bottom: -90px; transform:rotate(90deg); } } /*试用中心*/ .cpsyA { padding:0 0; border-radius:0; } .cpsyA .homeH-a { position: relative; background:url(../images/syzx/banner.png) no-repeat center/cover; } .cpsyA .homeH-a .bgImg { position: absolute; left:0; top:0; width: 100%; height: 100%; } @media(max-width: 800px){ .cpsyA .homeH-a { padding: 100px 0 0px; background:url(../images/syzx/mbanner.png) no-repeat top center; background-size: 100% auto; } .cpsyA .homeH-a .homeH-c { padding: 0 20px; } .cpsyA .homeH-a .homeH-d { margin-top: 50vw; border-radius: 26px; } .cpsyA .homeH-d li .sub { margin-top: 30px; } } .syzxA { max-width: 94vw; margin:0 auto; background: #FFF; } .syzxA .hyyxE-b { margin-top: 0px!important; } .syzxA-b { margin-top: 60px; } .syzxA-c { margin-top:60px; } .syzxA-b .img { display:inline-block; padding: 10px; border-radius:50%; border:1px solid #dedede; } .syzxA-b .t { font-weight:bold; color: #333; font-size: 32px; font-weight: 500; line-height:1; margin-top:15px; } .syzxA-c .swiper-wrapper { -webkit-transition-timing-function: linear; -ms-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .syzxB { padding: 120px 3vw 60px; background: #F5F5F7; } .syzxC { padding: 0 0 60px 3vw; background: #F5F5F7; } .syzxB-b { background: #202020; margin-top:60px; padding: 5vw 2vw 5vw 7.5vw; } .syzxB-b .img { padding:0; } .syzxB-b .homeB-b { margin:0 0 0; } .syzxB-c { margin:60px 0; } .syzxB-c ul li { float:left; margin-right:50px; } .syzxB-c .t { font-size:20px; line-height: 1.8; color:#fff; opacity: 0.8; margin-top:6px; } .syzxB-c ul li:last-child { margin-right:0; } .syzxB-b .homeB-a .img { width: 50%; } .syzxB-b .homeB-a .con { width: 42%; } .syzxC { padding-left: 3vw; } .syzxC .yingjianA-b dl .t { border:2px solid #fff; margin-left:-1px; min-height:10px; display:inline-block; background: linear-gradient(90deg, #00D9CC -18.59%, #00B3DA 10.44%, #0069FF 97.77%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; line-height: 1.2; } .syzxC .yingjianA-c { width: 36%; } .syzxC .yingjianA-b { width: 64%; padding: 2.5vw 2vw; } .syzxC .yingjianA-b .con1 .c { min-height: 120px; line-height: 1.8; } .syzxC .yingjianA-b dl { margin-top:20px; } .syzxC .yingjianA ul li { margin-top:0; } .syzxC .yingjianA ul li:nth-child(2n) .yingjianA-b { float:right; } .syzxC .yingjianA ul li:nth-child(2n) .yingjianA-c { left:0; right:auto; } .syzxC .yingjianA ul li.swiper-slide { transform:scale(0.94); transition: all 0.6s; } .syzxC .yingjianA ul li.swiper-slide-active { transform:scale(1); } .syzxC .yingjianA ul li.swiper-slide-next { margin-left:1vw; } @media(max-width:1900px){ .syzxB-c .t { font-size:18px; } .syzxB-c { margin:2.6vw 0 3vw; } .syzxB-b { margin-top: 3vw; } .syzxB { padding: 6vw 0 3vw;} .syzxC { padding: 0 0 3vw 3vw; } .yingjianA-b .con1 .t2 { font-size:1.8vw; } .syzxC .yingjianA-b .con1 .c,.yingjianA-b dl .c { font-size:16px; } } @media(max-width:1750px){ .syzxB-c .t { font-size:16px; } .syzxB-c ul li { float:left; margin-right:2.5vw; } .syzxC .yingjianA ul li.swiper-slide-next { margin-left:1.3vw; } .yingjianA-b dl .t { font-size:22px; } .syzxC .yingjianA-b .con1 .c,.yingjianA-b dl .c { font-size:15px; } } @media(max-width:1500px){ .syzxB-c .t { font-size:14px; } .syzxB-c ul li { margin-right:2vw; } .syzxC .yingjianA-b .con1 .c,.yingjianA-b dl .c { font-size:14px; } .yingjianA-b dl .t { font-size:20px; } } @media(max-width:1300px){ .syzxC .yingjianA-b .con1 .c,.yingjianA-b dl .c { font-size:12px; } .yingjianA-b dl .t { font-size:18px; } } @media(max-width:1200px){ .syzxB-c .t { font-size:12px; } .syzxB-c ul li { margin-right:2vw; } } @media(max-width:1100px){ .syzxB-b { margin-top: 25px; } .syzxC { padding: 0 5vw 40px; } .syzxB { padding: 40px 5vw 30px; } .syzxB-c .t { font-size:16px; } .syzxB-c ul li { margin-right:10%; } .syzxB-b .homeB-a .img { width: 100%; } .syzxB-b .homeB-a .con { width: 100%; } .syzxB-b { padding: 20px 15px 30px; } .yingjianA-b .con1 .t2 { font-size:20px; } .syzxC .yingjianA-b .con1 .c { min-height:10px; } .syzxC .yingjianA-c { width: 100%; } .syzxC .yingjianA-b { width: 100%; padding: 20px 16px 30px; } } @media(max-width:750px){ .syzxC .yingjianA ul li.swiper-slide { transform:scale(1); } } @media(max-width:700px){ .syzxB-c { margin: 20px 0 20px; } .syzxB-c .t { font-size:16px; } .syzxB-c ul li { margin-right:0%; min-width: 40%; } .syzxB-c ul li:last-child { margin-top:20px; } .syzxB-b .homeB-a .img { width: 100%; } .syzxB-b .homeB-a .con { width: 100%; } .syzxC .yingjianA-b dl .t { min-height:10px; } } @media(max-width:400px){ .syzxB-c ul li { margin-right:0%; min-width: 100%; } .syzxB-c ul li:nth-child(n+2) { margin-top:12px; } .syzxB-b .homeB-a .img { width: 100%; } .syzxB-b .homeB-a .con { width: 100%; } } .syzxD { padding:80px 0 140px; } .syzxD-b { margin-top:60px; } .syzxD-b ul li { transition:all 0.6s; position: relative; float:left; width: calc(16.5% - 16px); margin-right:20px; overflow:hidden; } .syzxD-b ul li .img img { max-width:100vw; width: 28.5vw; height: auto; } .syzxD-b ul li.active { width: calc(34% - 16px); } .syzxD-b ul li:nth-child(5n) { margin-right:0; } .syzxD-b .topTA { opacity: 1; position: absolute; left:40px; top: 40px; } .syzxD-b .topT .t { font-weight:bold; color: #fff;font-size: 36px;font-weight: 500;line-height: 1.5; } .syzxD-b .topT .c { width: 23vw; color: #fff;font-size: 24px;font-weight: 400;line-height: 1.5; margin-top:10px; } .syzxD-c { transition:all 0.5s; opacity: 0; width: 100%; position: absolute; left:0; top:0; background: rgba(0, 105, 255, 0.80); height: 100%; padding: 40px; } .syzxD-c,.syzxD-b ul li .img { overflow: hidden; border-radius:30px; } .syzxD-d { height: 100%; position: relative; } .syzxD-d .more { width: 100%; position: absolute; left:0; bottom:20px; } .syzxD-d .more .mainMore { padding: 18px 30px; background: none; border:1px solid #fff; } .syzxD-d .more .tt { display:inline-block; padding-left:10px; font-size:20px;color:#fff; line-height: 60px; } .syzxD-b ul li.active .syzxD-c { opacity: 1; } .syzxD-b ul li.active .topTA { opacity: 0; } .syzxD-b .topT .cc { margin-top:2vw; line-height: 3; } .syzxD-d .clickBox { position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 1; } .syzxD-d .topT { position: relative; z-index: 2; } .syzxD-d .more { z-index: 2; } @media(max-width:1700px){ .syzxD-b { margin-top:3vw; } .syzxD { padding:4vw 0 7vw; } .syzxA-c { margin-top:3vw; } .syzxA-b { margin-top: 3vw; } .syzxA-b .t { font-size:28px; } .syzxD-b .topTA { left: 2vw; top:2vw; } .syzxD-c { padding: 2vw; } .syzxD-b .topT .t { font-size:32px; } .syzxD-b .topT .c { font-size:22px; } .syzxD-b .topT .cc { font-size: 1.5vw; line-height: 2.6; } } @media(max-width:1500px){ .syzxA-b .t { font-size:24px; margin-top:7px; } .syzxA-b .img { padding: 6px; } .syzxD-b .topT .t { font-size:28px; } .syzxD-b .topT .c { font-size:20px; } .syzxD-b .topT .cc { font-size: 1.5vw; line-height: 2.4; } } @media(max-width:1300px){ .syzxD-b .topT .t { font-size:24px; } .syzxD-b .topT .c { font-size:18px; } .syzxD-b ul li:hover .img img { width: 29.5vw; } } @media(max-width:1100px){ .syzxD-b { margin-top:25px; } .syzxD { padding:40px 0 50px; } .syzxA-b .t { font-size:20px; } .syzxA-b { margin-top: 20px; } .syzxA-c { margin-top:25px; } .syzxD-b ul li { width: 100%; } .syzxD-b ul li:nth-child(n+2) { margin-top: 16px; } .syzxD-b ul li.active,.syzxD-b ul li .img img,.syzxD-c { width: 100%; } .syzxD-b ul li .syzxD-c { opacity: 1; } .syzxD-b ul li .topTA { opacity: 0; } .syzxD-c { padding: 30px; } .syzxD-b .topTA { top: 30px; left:30px; } .syzxD-b ul li .syzxD-c { background: none; opacity: 1; } .syzxD-b ul li .topTA { opacity: 0; } .syzxD-b ul li.active .syzxD-c { opacity: 1; } .syzxD-b ul li.active .topTA { opacity: 0; } .syzxD-b .topT .c { font-size:16px; width: 100%; } .syzxD-b .topT .cc { font-size: 18px; line-height: 2; } .syzxD-b ul li:hover .img img { width: 100%; } .syzxD-d .more { bottom: 10px; } } @media(max-width:600px){ .syzxD-c { padding: 30px 20px; } .syzxD-b .topTA { top: 30px; left:20px; } .syzxD-b ul li:hover .img img { width: 100%; } .syzxD-b .topT .c { margin-top:0; } .syzxD-d .more .mainMore { padding: 12px 20px; font-size:14px; } .syzxD-d .more .tt { font-size:14px; line-height: 42px; } .syzxD-d .more { bottom: 0px; } } .syzxE { background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); padding:130px 0 60px; } .syzxE-b1 { margin-top:70px; } /*.syzxE-b ul li { float:left; width: 20%; }*/ /*.syzxE-b ul li:nth-child(n+6) { margin-top: 30px; }*/ .syzxE-b .swiper-wrapper { height: 100%; width: 100%; -webkit-transition-timing-function: linear; -ms-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } /*.syzxE-b,.syzxE-b .swiper-wrapper { height: 354px; }*/ .syzxE-b .swiper-slide { height: 118px!important; display: flex; justify-content: center; align-items: center;} @media(max-width:1700px){ .syzxE-b1 { margin-top:3.5vw; } .syzxE { padding:6.5vw 0 3vw; } } @media(max-width:1100px){ .syzxE-b1 { margin-top:25px; } .syzxE { padding:40px 0 50px; } .syzxE-b ul li { width: 33.3333%; } .syzxE-b ul li:nth-child(n+4) { margin-top: 20px; } } /*抖音代运营*/ .dydyyA-a { padding: 0 3vw; } .dydyyA-b { padding:7vw 5vw 7vw 6vw; margin-top:80px; background: #202020; } .dydyyA-c .img { float:left;width: 64%; } .dydyyA-c .con { float:right;width: 32%; padding-top: 1vw; } .dydyyB,.gylB { background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .dydyyB-b,.dydyyC-b,.marTop80 { margin-top: 80px; } .dydyyC { padding-bottom:0; } .dydyyC-b ul li { float:left; width: calc(33.333% - 36px); overflow: hidden; position: relative; margin-right: 54px; } .dydyyC-b ul li:before { content:''; width: 100%; height: 100%; background: url(../images/dydyy/dydyyc.png) no-repeat top center/cover; position: absolute; left:0; top:0; } .dydyyC-b ul li:nth-child(3) { margin-right:0; } .dydyyC-b ul li .con{ width: 100%; position: absolute; left:0; top: 40px; padding: 0 40px; } .dydyyC-b .con .t { font-size:40px;color:#fff; } .dydyyC-b .con .c { font-size:20px;color:#fff; line-height: 1.5; margin-top: 10px; } .dydyyD .mainTit { padding: 0 50px; } @media(max-width:1900px){ .dydyyC-b ul li .con{ top: 2vw; padding: 0 2vw; } .dydyyC-b .con .t { font-size:2vw; } .dydyyA-b,.dydyyB-b,.dydyyC-b,.marTop80 { margin-top:4vw; } } @media(max-width:1700px){ .dydyyC-b .con .c { font-size:18px; } } @media(max-width:1500px){ .dydyyD .mainTit { padding: 0 40px; } .dydyyA-c .con { padding-top:0; } .dydyyC-b ul li { margin-right: 33px; width: calc(33.333% - 22px); } .dydyyC-b .con .c { font-size:16px; } } @media(max-width:1400px){ .dydyyA-b { padding:5vw 4vw 5vw 3vw; } .dydyyC-b ul li { margin-right: 21px; width: calc(33.333% - 14px); } } @media(max-width:1100px){ .dydyyD .mainTit { padding: 0; } .dydyyC-b ul li .con{ top: 20px; padding: 0 15px; } .dydyyC-b .con .t { font-size:20px; } .dydyyA-b { padding:20px 16px 30px; } .dydyyA-b,.dydyyB-b,.dydyyC-b,.marTop80 { margin-top:25px; } .dydyyA-c .img,.dydyyA-c .con { width: 100%; } .dydyyA-c .con { margin-top: 30px; } .dydyyA-c .con .c p { display:block; } .dydyyC-b ul li { width: 100%; margin-right:0; } .dydyyC-b ul li:nth-child(n+2) { margin-top: 15px; } } /*供应链*/ .gylA-b ul li { float:left; width: calc(33.3333% - 34px); margin-right: 50px; } .gylA-b ul li:nth-child(3) { margin-right:0; } .gylA-b .textBox {background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); padding: 48px;} .gylA-b .t { font-size:40px; color:#333; font-weight:bold; } .gylA-b .c { font-size:20px; color:#5C5C5C; line-height: 1.5; margin-top: 16px; } .gylA-b .topBox { height: 260px; transition: all 0.5s; position: relative; top:0; } .gylA-b .botBox { height: 410px; transition: all 0.5s; position: relative; top:0; } .gylA-b ul li .textBox:nth-child(2) { margin-top: 50px; } .gylA-b ul li:nth-child(1) .topBox { background: #202020; } .gylA-b ul li:nth-child(2) .topBox { background: linear-gradient(90deg, #00D9CC 0%, #00B3DA 24.95%, #0069FF 100%); } .gylA-b ul li:nth-child(2) .topBox { background: #0069FF; } .gylA-b ul li:nth-child(3) .topBox { background: #0069FF; } .gylA-b .topBox .t,.gylA-b .topBox .c { color:#fff; } .gylA-b .topBox .c { opacity: 0.7; } .gylA-b ul li .topBox:hover,.gylA-b ul li .botBox:hover { top: -10px; } @media(max-width:1900px){ .gylA-b .textBox { padding: 2.5vw; } .gylA-b .t { font-size:2vw; } .gylA-b .c { font-size:18px; } .gylA-b .topBox { height: 240px; } .gylA-b .botBox { height: 380px; } } @media(max-width:1500px){ .gylA-b .c { font-size:16px; } .gylA-b .topBox { height: 220px; } .gylA-b .botBox { height: 320px; } .gylA-b ul li { width: calc(33.333% - 18px); margin-right: 27px; } .gylA-b ul li .textBox:nth-child(2) { margin-top: 27px; } } @media(max-width:1100px){ .gylA-b .t { font-size:20px; } .gylA-b .topBox { height: auto; } .gylA-b .botBox { height: auto; } .gylA-b .textBox { padding: 20px 16px; } .gylA-b .c { margin-top: 6px; } .gylA-b ul li { width: 100%; margin-right: 0; } .gylA-b ul li:nth-child(n+2) { margin-top: 20px; } .gylA-b ul li .textBox:nth-child(2) { margin-top: 20px; } } .gylB-b { overflow: hidden; } /*.gylB-b ul { display:flex; flex-wrap:wrap; }*/ .gylB-b ul { padding-top:15px; } .gylB-b ul li { transition:all 0.5s; background: #fff; position: relative; float:left; width: calc(20% - 32px); margin-right: 40px; } .gylB-b ul li:nth-child(5) { margin-right:0; } .gylB-b ul li:before { display:none; content:''; width: 100%; height: 300px; background: url(../images/hyyx/hyyxgbg.png) no-repeat bottom center/cover; position: absolute; left:0; bottom:0; } /*.gylB-b ul li .con { width: 100%; position: absolute; left:0; bottom:40px; padding: 0 30px; min-height:150px; }*/ .gylB-b ul li .con { width: 100%; position: relative; padding: 20px 30px 30px; min-height:10px; } .gylB-b .t { color:#333!important; font-size:34px; font-weight:bold; } .gylB-b .c { min-height:100px; color:#5C5C5C!important; font-size:16px; line-height: 1.5; margin-top:10px; } .gylB-b ul li:hover { margin-top: -15px; } @media(max-width:1900px){ .gylB-b ul li:before { height: 300px; } .gylB-b .t { font-size:1.7vw; } .gylB-b ul li .con { padding: 20px 1.5vw 30px; min-height:10px; } .gylB-b .c { min-height:130px; } } @media(max-width:1500px){ .gylB-b ul li { position: relative; float:left; width: calc(20% - 16px); margin-right: 20px; } .gylB-b ul li:before { height: 400px; } /*.gylB-b ul li .con { bottom:1.5vw; min-height:200px; }*/ .gylB-b ul li .con { padding: 18px 20px 25px; } } @media(max-width:1300px){ .gylB-b .c { min-height:150px; } } @media(max-width:1100px){ .gylB-b .t { font-size:20px; } .gylB-b ul li { position: relative; float:left; width: calc(50% - 10px); margin-right: 20px; } /*.gylB-b ul li:nth-child(2n) { margin-right:0; }*/ /*.gylB-b ul li:nth-child(n+3) { margin-top:20px; }*/ .gylB-b ul li:before { height: 400px; } /*.gylB-b ul li .con { bottom:1.5vw; min-height:150px; }*/ .gylB-b ul li .con { padding: 15px 15px 20px; } .gylB-b ul { padding-top:0; } .gylB-b ul li:hover { margin-top: 0; } } @media(max-width:500px){ .gylB-b ul li { width: 100%; margin-right: 0px; } /*.gylB-b ul li:nth-child(2n) { margin-right:0; }*/ /*.gylB-b ul li:nth-child(n+2) { margin-top:20px; }*/ .gylB-b ul li:before { height: 400px; } /*.gylB-b ul li .con { bottom:20px; min-height:10px; padding: 0 15px; }*/ } /*.gylC .productsA-a { padding: 0 50px; }*/ .gylC-b ul li { position: relative; float:left; margin-right: 3.1%; width: 31.5%; } .gylC-b ul li:nth-child(2) { width: 38.8%; } .gylC-b ul li:nth-child(3) { width: 23.5%; margin-right:0; } .gylC-b ul li:before { content:''; width: 100%; height: 100%; background: url(../images/dydyy/dydyyc.png) no-repeat top center/cover; position: absolute; left:0; top:0; } .gylC-b ul li .con { width: 100%; position: absolute; left:0; top:48px; padding: 0 48px; } .gylC-b .t { font-weight:bold; font-size:40px; } .gylC-b .c { font-size:20px; max-width:310px; line-height: 1.5; margin-top:20px; } @media(max-width:1900px){ /*.gylC .productsA-a { padding: 0 40px; }*/ .gylC-b .t { font-size:2vw; } .gylC-b .c { font-size:18px; } .gylC-b ul li .con { top:2.5vw; padding: 0 2.5vw; } } @media(max-width:1500px){ .gylC-b .c { font-size:16px; } .gylC-b ul li .con { top:2.5vw; padding: 0 2vw; } } @media(max-width:1300px){ .gylC-b .c { font-size:16px; margin-top: 12px; } .gylC-b ul li .con { top:2vw; padding: 0 1vw; } } @media(max-width:1100px){ .gylC .productsA-a { padding: 0; } .gylC-b .t { font-size:20px; } .gylC-b ul li,.gylC-b ul li:nth-child(2),.gylC-b ul li:nth-child(3) { width: 100%; margin-right: 0px; } .gylC-b ul li:nth-child(2n) { margin-right:0; } .gylC-b ul li:nth-child(n+2) { margin-top:20px; } .gylC-b ul li .con { top:20px; padding: 0 16px; } } .gylD-b { position: relative; } .gylD-b .img { float:left; width:38%; } .gylD-c { width: 50%; position: absolute; right:0; top: 50%; transform:translateY(-50%); } .gylD-c ul li { background: #F1F8FF; padding: 2.5vw; } .gylD-c ul li:nth-child(2) { background: #FFF; margin-top:2.5vw; } .gylD-c .topT { position: relative; padding-left:90px; } .gylD-c .topT .icon { position: absolute; left:0; top:50%; transform:translateY(-50%); } .gylD-c .topT .t { font-size:30px; color:#0069FF; line-height: 1.3; } .gylD-c .con { font-size:24px; color:#0069FF; line-height: 1.5; margin-top:20px; } .gylD-c ul li:nth-child(2) .topT .t { color:#333; } .gylD-c ul li:nth-child(2) .con { color:#5C5C5C; } .gylE { background: url(../images/gyl/gyle1bg.png) no-repeat -15vw -6vw; background-size: 95% auto; } .gylE .gylD-c { padding-right: 5vw; } .gylE .productsA-a { padding-left:6vw; } @media(max-width:1900px){ .gylD-c .topT { padding-left:4.5vw; } .gylD-c .topT .icon { width: 3.6vw; } .gylD-c .topT .t { font-size:1.5vw; } .gylD-c .con { font-size:1.2vw; margin-top:20px; } } @media(max-width:1300px){ .gylD-c .topT { padding-left:4.5vw; } .gylD-c .topT .icon { width: 3.6vw; } .gylD-c .topT .t { font-size:1.5vw; } .gylD-c .con { font-size:16px; margin-top:10px; } } @media(max-width:1100px){ .gylD-b .img { width: 100%; } .gylD-c { position: relative; top:0; margin-top:20px; float:left; transform:translateY(0); width: 100%; } .gylD-c .topT { padding-left: 60px; } .gylD-c .topT .icon { width: 50px; } .gylD-c .topT .t { font-size:20px; } .gylD-c ul li { padding: 20px 16px; } .gylD-c ul li:nth-child(2) { margin-top:20px; } .gylE .gylD-c { padding-right: 0; } .gylE { background: url(../images/gyl/gyle1bg.png) no-repeat 9vw 15vw; background-size: 95% auto; } .gylE .productsA-a { padding-left:0; } } .gylG-b { margin-top: 80px; } .gylG-b ul { display:flex; flex-wrap:wrap; } .gylG-b ul li { position: relative; transition:all 0.6s; float:left; width: calc(33.3333% - 34px); margin-right: 51px; background: #f0f0f0; top:0; } .gylG-b ul li .img { border-radius:20px; overflow: hidden; } .gylG-b ul li:nth-child(3n) { margin-right:0; } .gylG-b .con { padding:50px 50px 60px; } .gylG-b .con .t { font-weight:bold; font-size:32px;color:#333; line-height: 1; } .gylG-b .con .c { margin-top:15px; font-size:20px;color:#5C5C5C; line-height: 1.5; } .gylG-b ul li:hover { top: -20px; background: #0069FF; } .gylG-b ul li:hover .t,.gylG-b ul li:hover .c { color:#fff; } .gylG-b ul li:hover .c { opacity: 0.7; } @media(max-width:1900px){ .gylG-b { margin-top: 3.5vw; } .gylG-b .con { padding:2.5vw 2.5vw 3vw; } .gylG-b .con .t { font-size:1.6vw; } .gylG-b .con .c { font-size:18px; } } @media(max-width:1500px){ .gylG-b .con { padding:2.5vw 2.5vw 3vw; } .gylG-b .con .t { font-size:1.6vw; } .gylG-b .con .c { font-size:16px; } .gylG-b ul li { position: relative; transition:all 0.6s; float:left; width: calc(33.3333% - 18px); margin-right: 27px; } } @media(max-width:1100px){ .gylG-b { margin-top: 25px; } .gylG-b .con { padding:20px 16px 30px; } .gylG-b .con .t { font-size:20px; } .gylG-b .con .c { font-size:16px; } .gylG-b ul li { width: 100%; margin-right: 0; } .gylG-b ul li:nth-child(n+2) { margin-top:18px; } .gylG-b ul li:hover { top: 0; } } .gylF { padding-bottom: 9vw; } .gylF-b { padding: 0 20vw; } .gylF-b .mini4G-b { float:left; width: 12vw; } .gylF-c2 { margin: 14vw 0 0 9vw; } .gylF-c3 { margin: 8vw 0 0 0; float:right; } .gylF-b .gylF-c3 { float:right; } .gylF-b .mini4G-b .img { width: 12vw; } .gylF-b .gylF-c1 .line1 { left: -14vw; top:8vw; } .gylF-b .gylF-c1 .line1 .lineA { height: 1px; width: 15vw; } .gylF-b .gylF-c2 .line1 .lineA { height: 1px; width: 31.5vw; } .gylF-b .gylF-c2 .line1 { left: -29vw; top: 19.3vw; } .gylF-b .gylF-c3 .line1 .lineA { height: 12.1vw; width: 1px; } .gylF-b .gylF-c3 .line1 { left: 6.5vw; top: 14.5vw; } .gylF-b .mini4G-b .t { width: 280px; transform:translateY(0); bottom: auto; top: 20px; left: 0; } .gylF-b .gylF-c2 .t { top: 20px; left: 0px; } .gylF-b .gylF-c3 .t { top: calc(100% + 20px); left: -10px; } .gylF-b .mini4G-b .topT { font-size:30px;color:#0069FF; } .gylF-b .mini4G-b .botC { font-size:22px;color:#0069FF; line-height: 1.5; margin-top:10px; } @media(max-width:1900px){ .gylF-b .mini4G-b .topT { font-size:1.5vw; } .gylF-b .mini4G-b .botC { font-size:1.2vw; } .gylF-b .mini4G-b .botC { width: 260px; font-size:18px; } .gylF-c2 { margin: 10vw 0 0 9vw; } .gylF-c3 { margin: 6vw 0 0 0; float:right; } } @media(max-width:1750px){ .gylF-b .mini4G-b .t,.gylF-b .mini4G-b .botC { width: 220px; } .gylF-b .mini4G-b .botC { font-size: 16px; margin-top:6px; } .gylF-c3 { margin: 4vw 0 0 0; float:right; } } @media(max-width:1500px){ .gylF-b .mini4G-b .t,.gylF-b .mini4G-b .botC { width: 200px; } .gylF-b .mini4G-b .botC { font-size: 16px; margin-top:6px; } .gylF-c3 { margin: 4vw 0 0 0; float:right; } } @media(max-width:1300px){ .gylF-b .mini4G-b .t { width: 260px; } .gylF-b .mini4G-b .topT { font-size:24px; } .gylF-b .mini4G-b .botC { font-size:16px; margin-top:5px; } .gylF-b .mini4G-b .t,.gylF-b .mini4G-b .botC { width: 180px; } .gylF-b .mini4G-b .botC { font-size: 14px; margin-top:6px; } .gylF-b .gylF-c3 .t { top: calc(100% + 10px); } } @media(max-width:1100px){ .gylF-b { padding: 0; } .gylF-b .mini4G-b .t { width: 0; } .gylF-b .mini4G-b { float:none; margin: 10px auto; width: 80%; padding: 0 10vw; } .gylF-b .mini4G-b .img { width: 100%; } .mini4G-b .t { width: 0; } .mini4G-b .line::hover .t { width: 260px;height:120px; } .gylF-b .mini4G-b .line:hover .t { left: 50%; transform:translateX(-50%); width: 260px;height:200px; } .gylF-b .gylF-c1 .line1 { left: 50%; transform:translateX(-50%); top: 32vw; } .gylF-b .gylF-c2 .line1 { left: 50%; transform:translateX(-50%); top: 75vw; } .gylF-b .gylF-c3 .line1 { left: 50%; transform:translateX(-50%); top: 72vw; } .gylF-b .gylF-c1 .line1 .lineA,.gylF-b .gylF-c2 .line1 .lineA,.gylF-b .gylF-c3 .line1 .lineA { width: 30px; } } /*客户案例*/ .caseBg { background: #F5F5F7; } .caseA { padding:130px 3vw 70px; background: #fff; } .caseA .homeA-a { background: #202020; padding: 80px 150px 60px; } .caseA .homeF-a { background: #fff; } .caseA .homeF-c .con .more .mainMore { background: #0069FF; color:#fff; border:none; } .caseA .homeF-c .con .t img { max-height: 80px; width: auto; } .caseA .homeF-c .con .t { font-size:26px; } .caseA .homeF-c .con .tt { color:#5C5C5C; } .caseA .swiper-pagination-bullet { background: none; } .caseA .swiper-pagination-bullet:after { background: #fff; } .caseZ { position:relative; top:0; transform:translate(0, 0); left:0%; width:100%; max-width:1100px; margin: 30px auto; } @media(max-width:1700px){ .caseA { padding:7vw 3vw 4vw; } .caseA .homeA-a { padding: 4vw 7vw 3vw; } } @media(max-width:1500px){ .caseA .homeF-c .con .t img { max-height: 50px; width: auto; } .caseA .homeF-c .con .t { font-size:22px; } .caseA .homeF-c .con .more { margin-top: 2vw; } } @media(max-width:1300px){ .caseA .homeF-c .con .t img { max-height: 40px; width: auto; } .caseA .homeF-c .con .t { font-size:20px; } .caseA .homeF-c .con .more,.caseA .homeF-c .con dl { margin-top: 2vw; } } @media(max-width:1100px){ .caseA { padding:30px 5vw 40px; } .caseA .homeA-a { padding: 20px 20px 30px; } .caseA .homeF-c .con .more { margin-top: 20px; } } .caseB { padding:120px 3vw 80px; } .caseB ul { display:flex; flex-wrap:wrap; } .caseB ul li { float:left; width: calc(33.3333% - 30px); background: #fff; margin-right: 45px; } .caseB ul li:nth-child(3n) { margin-right:0; } .caseB ul li:nth-child(n+4) { margin-top: 45px; } .caseB-b { padding:40px 48px 70px; } .caseB-b .clogo { position: relative; } .caseB-b .clogo img { width: auto; height: 60px; } .caseB-b .clogo .more { position: absolute; right:0; top:50%; transform:translateY(-50%); font-size:20px;color:#0069FF; } .caseB-b .t { padding: 20px 0 40px; font-size:26px;color:#333; border-bottom:1px solid #dedede; margin-bottom:36px; } .caseB-b .tt { font-size:20px; color:#5C5C5C; margin-bottom:15px; } .caseB-b .c { font-size:42px; } .caseB-b dl dd { float:left; margin-right:6vw; } .caseB-b dl dd:last-child { margin-right:0; } .caseB .Mmore { margin-top:70px; } @media(max-width:1700px){ .caseB { padding:6vw 3vw 4vw; } .caseB ul li { float:left; width: calc(33.3333% - 30px); background: #fff; margin-right: 45px; } .caseB ul li:nth-child(3n) { margin-right:0; } .caseB ul li:nth-child(n+4) { margin-top: 45px; } .caseB-b { padding:2vw 2.5vw 3.5vw; } .caseB-b .clogo .more { font-size:18px; } .caseB-b .t { padding: 18px 0 32px; font-size:22px; margin-bottom:28px; } .caseB-b .tt { font-size:18px; margin-bottom:12px; } .caseB-b .c { font-size:38px; } .caseB .Mmore { margin-top:3.5vw; } } @media(max-width:1500px){ .caseB ul li { float:left; width: calc(33.3333% - 20px); margin-right: 30px; } .caseB ul li:nth-child(n+4) { margin-top: 30px; } .caseB-b .clogo .more { font-size:16px; } .caseB-b .t { padding: 16px 0 25px; font-size:20px; margin-bottom:20px; } .caseB-b .tt { font-size:16px; margin-bottom:12px; } .caseB-b .c { font-size:30px; } .caseB-b .clogo img { height: 50px; width: auto; } } @media(max-width:1100px){ .caseB { padding:30px 5vw 40px; } .caseB ul li { float:left; width: calc(50% - 8px); margin-right: 16px; } .caseB ul li:nth-child(3n) { margin-right:16px; } .caseB ul li:nth-child(2n) { margin-right:0; } .caseB ul li:nth-child(n+3) { margin-top: 16px; } .caseB-b { padding:20px 20px 30px; } .caseB-b .clogo .more { font-size:16px; } .caseB-b .t { padding: 16px 0 25px; font-size:20px; margin-bottom:20px; } .caseB-b .tt { font-size:16px; margin-bottom:12px; } .caseB-b .c { font-size:30px; } .caseB-b .clogo img { height: 50px; width: auto; } .caseB .Mmore { margin-top:25px; } } @media(max-width:600px){ .caseB ul li { width: 100%; margin-right: 0; } .caseB ul li:nth-child(3n) { margin-right:0; } .caseB ul li:nth-child(2n) { margin-right:0; } .caseB ul li:nth-child(n+2) { margin-top: 16px; } } /*客户案例详情*/ .caseDetA { background: #fff; padding:180px 0 80px; } .caseDetA-b { float:left; width: 74%; } .caseDetA-b .topT { margin: 30px 0 20px; } .caseDetA-b .time { font-size:24px;color:#5C5C5C; } .caseDetA-c { overflow: hidden; position: relative; margin-top:70px; } .caseDetA-c:before { content:''; width: 100%; height: 50%; position: absolute; left:0; bottom:0; background: url(../images/khal/casecbg.png) no-repeat bottom center/cover; } .caseDetA-d { position: absolute; color:#fff; bottom:40px; right:46px; } .caseDetA-d .tt { opacity: 0.7; font-size:20px; color:#fff; margin-bottom:15px; } .caseDetA-d .c { font-size:42px; } .caseDetA-d dl dd { float:left; margin-right:6vw; } .caseDetA-d dl dd:last-child { margin-right:0; } .caseDetA-f { margin-top:80px; } .caseDetA-f .t { font-size:36px; color:#333; margin-bottom:20px; } .caseDetA-f .con { font-size:24px; color:#5C5C5C; line-height: 1.3; } .caseDetA-g { width: 22%; float:right; } .caseDetA-g .topT { font-size:36px;color:#333; } .caseDetA-g ul li { position: relative; margin-top:40px; } .caseDetA-g ul li .img { position: relative; overflow: hidden;} .caseDetA-g .con { position: absolute; z-index: 5; padding: 0 25px; left:0; bottom: 20px; width: 100%; } .caseDetA-g .con .t { font-size:16px; opacity: 1; } .caseDetA-g .con .c { margin-top:4px; font-size:14px; } .caseDetA-g ul li .img:before { content:''; width: 100%; height: 50%; background: url(../images/hyyx/hyyxgbg.png) no-repeat center/cover; position: absolute; left:0; bottom:0; } .caseDetA-g ul li .con { bottom:auto; top:50%; transform:translateY(-50%); } .caseDetA-g ul li .addnewsA { height: 6vw; position: relative; } .caseDetADD-g ul li .con { top:auto; transform:translate(0); bottom:20px; } @media(max-width:1700px){ .caseDetA { padding:9vw 0 4vw; } .caseDetA-b .topT { margin: 30px 0 20px; } .caseDetA-b .time { font-size:22px; } .caseDetA-c { margin-top:3.5vw; } .caseDetA-d { bottom:2vw; right:2.5vw; } .caseDetA-d .tt { font-size:18px; margin-bottom:15px; } .caseDetA-d .c { font-size:36px; } .caseDetA-f { margin-top:4vw; } .caseDetA-f .t { font-size:32px; margin-bottom:20px; } .caseDetA-f .con { font-size:22px; } .caseDetA-g .topT { font-size:32px; } .caseDetA-g ul li { position: relative; margin-top:2vw; } } @media(max-width:1500px){ .caseDetA-b .topT { margin: 15px 0 15px; } .caseDetA-b .time { font-size:20px; } .caseDetA-d .tt { font-size:16px; margin-bottom:10px; } .caseDetA-d .c { font-size:30px; } .caseDetA-f .t { font-size:26px; margin-bottom:20px; } .caseDetA-f .con { font-size:18px; } .caseDetA-g .topT { font-size:26px; } .caseDetA-g ul li { position: relative; margin-top:2vw; } .caseDetA-g .con { padding: 0 20px; } .caseDetA-g .con .c { font-size:12px; margin-top:0; } } @media(max-width:1100px){ .caseDetA-b .topLogo img { height: 50px; } .caseDetA { padding:110px 0 50px; } .caseDetA-b .time { font-size:16px; } .caseDetA-c { margin-top:20px; } .caseDetA-d { bottom:20px; right:15px; } .caseDetA-d .tt { font-size:16px; margin-bottom:5px; } .caseDetA-d .c { font-size:24pxpx; } .caseDetA-f { margin-top:25px; } .caseDetA-f .t { font-size:22px; margin-bottom:15px; } .caseDetA-f .con { font-size:18px; } .caseDetA-g .topT { font-size:24px; } .caseDetA-g .con { padding: 0 15px; } .caseDetA-b { float:left; width: 100%; } .caseDetA-g { width: 100%; margin-top:25px; float:right; } .caseDetA-g ul li { position: relative; margin-top:16px; } .caseDetA-g .con .c { font-size:12px; } .caseDetA-g ul li .addnewsA { height: 100px; } } .caseDetB { padding: 130px 3vw 80px; background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .caseDetB-b { background: #fff; margin-top: 80px; } .caseDetB-b ul { padding:110px 5vw 60px; display:flex; flex-wrap:wrap; background: #0069FF; } .caseDetB-b ul li { float:left; width: 50%; } .caseDetB-b ul li .c { margin-top:20px; line-height: 1.6; } .caseDetB-c { position: relative; padding:40px 9vw; position: relative; } .caseDetB-d { position: absolute; left:9vw; top:50%; transform:translateY(-50%); } .caseDetB-e { float:right; } .caseDetB-e .t { font-size:18px; margin-top:6px; } .caseDetB-d .more a.ljgd { font-size:20px; color:#0069FF; line-height: 60px; display:inline-block; padding: 0 30px; } @media(max-width:1900px){ .caseDetB-b ul { padding:5vw 2vw 4vw; } .caseDetB { padding: 7vw 3vw 4vw; } .caseDetB-b { margin-top:4vw; } } @media(max-width:1500px){ .caseDetB-c { padding:30px 5vw; } .caseDetB-d { left: 5vw; } .caseDetB-d .more a.ljgd { font-size:18px; line-height: 50px; padding: 0 20px; } .caseDetB-e .t { font-size:16px; margin-top:0px; } } @media(max-width:1300px){ .caseDetB-d .more a.ljgd { font-size:16px; line-height: 45px; padding: 0 20px; } } @media(max-width:1100px){ .caseDetB-b ul { padding:30px 16px; } .caseDetB { padding: 40px 5vw 50px; } .caseDetB-b ul li .c { margin-top: 10px; } .caseDetB-b { margin-top: 25px; } .caseDetB-b ul li { width: 100%; } .caseDetB-b ul li:nth-child(n+2) { margin-top: 20px; } .caseDetB-c { padding:30px 20px; } .caseDetB-d { left: 0; position: relative; top:0; transform:translateY(0); width: 100%; float:left; text-align:center; } .caseDetB-d .more a.ljgd { line-height: 42px; padding: 0 0 0 20px; } .caseDetB-e { width: 100%; margin-top:10px; } } /*新闻资讯*/ .newsA-a { padding: 40px 0; } .newsA { padding: 10px 30px; width: 100%; position: relative; margin: 0 auto; left:auto; transform:translate(0); transform:translateX(-30px); bottom:auto; } .newsA a { display:inline-block; padding: 0 30px; margin-right: 10px; line-height: 40px; font-size:20px;color:#ADADAD; border:1px solid #adadad; border-radius:50px; } .newsA a.cur,.newsA a:hover { color:#0069FF; border:1px solid #0069FF; } @media(max-width:1700px){ .newsA { width: 90%; } .newsA a { font-size:18px; } } @media(max-width:1500px){ .newsA { padding: 10px 20px; width: 90%; } .newsA a { font-size:16px; margin-right: 5px; } } @media(max-width:1400px){ .newsA { padding: 10px 20px; width: 90%; } .newsA a { font-size:14px; padding: 0 20px; margin-right: 5px; } } @media(max-width:1100px){ .newsA-a { padding: 30px 0; } .newsA { background: none; box-shadow:0 0 0 0; padding:0; width: 100%; display: block; text-align:center; transform:translateX(0px); } .newsA .fixMesB { display:none; } .newsA a { float:left; margin: 0; padding:0; width: 24%; margin: 0 1.333% 0 0; font-size:14px; } .newsA a:nth-child(n+5) { margin-top:1.3333%; } .newsA a:nth-child(4n) { margin-right:0; } } @media(max-width:600px){ .newsA a { width: 32%; margin: 0 2% 0 0; } .newsA a:nth-child(n+4) { margin-top:2%; } .newsA a:nth-child(4n) { margin-right:2%; } .newsA a:nth-child(3n) { margin-right:0; } } .newsB { background: #fff; padding:100px 0 80px; border-bottom-left-radius:0; border-bottom-right-radius:0; } .newsB .caseDetA-g { padding-top: 4vw; } .caseDetA-g dl dd { margin-top: 40px; } .caseDetA-g dl { margin-bottom:90px; } .caseDetA-g dl dd a { display:block; position: relative; } .caseDetA-g dl dd .font14 { font-size:14px; } .font32 { font-size:32px!important; } .newsB-b ul { margin-bottom: 70px; } /*.newsB-b ul li { padding: 60px 0; border-bottom:1px solid #dedede; }*/ .newsB-b ul li .a-fadeinB2 { padding: 60px 0; border-bottom:1px solid #dedede; } .newsB-b ul li:first-child .a-fadeinB2 { padding-top:0; } .mainTagsA { margin:15px 0 30px; } .mainTagsA a,.mainTagsA span { display:inline-block; line-height: 40px; border-radius:50px; background:#EFF4F8; margin: 0 10px 0 0; padding: 0 25px; font-size: 20px; color:#0069FF; } .newsB-b .c { max-width:980px; line-height: 1.5; } .newsB-c { margin-top:20px; } .newsB-c .d { font-size:20px; color:#25292B; } .newsB-d { padding-left: 130px; font-size:20px; color:#25292B; opacity: 0.4; display:none; } .newsB-d span { display:inline-block; padding-left:20px; } .preAndNextBtn { display: flex; justify-content: space-between; } @media(max-width:1900px){ .newsB { padding: 5vw 0 4vw; } .caseDetA-g dl dd { margin-top:2vw; } .caseDetA-g dl { margin-bottom:4.5vw; } .font32 { font-size:30px!important; } .mainTagsA a,.mainTagsA span { font-size:18px; line-height: 38px; } .newsB-b ul li .a-fadeinB2 { padding: 3vw 0; } } @media(max-width:1700px){ .font32 { font-size:28px!important; } .newsB-c .d,.newsB-d { font-size:18px; } } @media(max-width:1500px){ .font32 { font-size:24px!important; } .mainTagsA a,.mainTagsA span { font-size:16px; line-height: 32px; } .mainTagsA { margin: 12px 0 15px; } .newsB-c { margin-top: 15px; } } @media(max-width:1300px){ .font32 { font-size:22px!important; } .newsB-c .d,.newsB-d { font-size:16px; } } @media(max-width:1100px){ .newsB-b ul li .a-fadeinB2 { padding: 20px 0; } .mainTagsA a,.mainTagsA span { margin: 0 5px 5px 0; } .newsB { padding: 40px 0 50px; } .font32 { font-size:20px!important; } .caseDetA-g dl dd { margin-top:16px; } .caseDetA-g dl { margin-bottom: 30px; } .newsB-c .d, .newsB-d { width: 100%; } } @media(max-width: 600px){ .newsB-d { width: 100%; margin-top: 10px; float:left; margin-left:0; padding-left:0; } .newsB-d span { margin: 0 10px 10px 0; padding:0;} } /*新闻资讯详情*/ .newsDetC { padding: 140px 0 5vw; } .newsDetA-a { font-size: 16px;color:#5C5C5C; line-height: 1.3; } .newsDetA-a p:nth-child(n+2) { margin-top: 20px; } .newsDetA-b { margin-top: 80px; } .newsDetA-b .newsB-d { padding-left:0; } .newsDetA-b .newsB-d span { padding-left:0; margin-right: 30px; } @media(max-width:1900px){ .newsDetC { padding: 8vw 0 5vw; } .newsDetA-b { margin-top: 4vw; } } @media(max-width:1500px){ .newsDetA-a p:nth-child(n+2) { margin-top: 15px; } } @media(max-width:1100px){ .newsDetC { padding: 100px 0 50px; } .newsDetA-b { margin-top: 25px; } } /*投资伙伴*/ .tzhb { background: #e7e7e7; } .tzhbA { padding: 70px 3vw; } .tzhbA-a ul { position: relative; } .tzhbA-a ul li { text-align:left; } .tzhbA-a ul li:nth-child(1) { position: absolute; top:0; left:0; } .tzhbA-a ul li:nth-child(2) { display:inline-block; } .tzhbA-a ul li:nth-child(3) { position: absolute; top:0; right:0; } .tzhbA-a { background: #202020; padding: 130px 223px; } .tzhbA-a .topT { font-size:20px; } .tzhbA-b { margin-top:70px; } .tzhbA-b .tt { line-height: 1; display:inline-block; font-weight:500; } .tzhbA-b .tit .num { font-size: 96px; } .tzhbA-b .tit .dw { font-size: 48px; display:inline-block; } .tzhbA-b .tit { display:inline-block; padding-right: 60px; position: relative; } .tzhbA-b .tit:after { content:''; width: 60px; height: 60px; background: url(../images/tzhb/tzhba1.png) no-repeat right bottom/cover; position: absolute; right:0; bottom:0; } .tzhbA-b .c { font-size:24px; margin-top:10px; } @media(max-width:1900px){ .tzhbA { padding: 60px 3vw; } .tzhbA-a { padding: 6.5vw 11vw; } .tzhbA-a .topT { font-size:18px; } .tzhbA-b { margin-top:3.5vw; } .tzhbA-b .tit .num { font-size: 4.8vw; } .tzhbA-b .tit .dw { font-size: 2.4vw; } .tzhbA-b .c { font-size:22px; margin-top:8px; } .tzhbA-b .tit { padding-right: 3.5vw; } .tzhbA-b .tit:after { width: 3.5vw; height: 3.5vw; } } @media(max-width:1700px){ .tzhbA { padding: 50px 3vw; } .tzhbA-a .topT { font-size:18px; } .tzhbA-b .c { font-size:20px; margin-top:8px; } } @media(max-width:1500px){ .tzhbA { padding: 50px 3vw; } .tzhbA-a .topT { font-size:18px; } .tzhbA-b .c { font-size:18px; margin-top:8px; } } @media(max-width:1300px){ .tzhbA { padding: 40px 3vw; } .tzhbA-a .topT { font-size:16px; } .tzhbA-b .c { font-size:16px; margin-top:6px; } } @media(max-width:800px){ .tzhbA-a ul li:nth-child(1) { position: relative; top:0; left:0; } .tzhbA-a ul li:nth-child(2) { display:inline-block; } .tzhbA-a ul li:nth-child(3) { position: relative; top:0; right:0; } .tzhbA-b { margin-top:25px; } .tzhbA-a ul li { width: 33.3333%; float:left; text-align:center; } .tzhbA-a { padding: 30px 15px; } .tzhbA-b .tit .num { font-size: 36px; } .tzhbA-b .tit .dw { font-size: 18px; } .tzhbA-b .c { font-size:14px; } .tzhbA-b .tit { padding-right: 30px; } .tzhbA-b .tit:after { width: 30px; height: 30px; } } @media(max-width:400px){ .tzhbA-a { padding: 30px 10px; } .tzhbA-b .tit .num { font-size: 26px; } .tzhbA-b .tit .dw { font-size: 16px; } .tzhbA-b .c { font-size:12px; } .tzhbA-b .tit { padding-right: 24px; } .tzhbA-b .tit:after { width: 24px; height: 24px; } } .tzhbBgA { background: #fff; } .tzhbB { padding: 130px 0; } .tzhbB-c { float:left; width: 600px; } .tzhbB-c .mainTit .t { font-weight:bold; /*margin:30px 0;*/ } .tzhbB-c .mainTit .colorJianbian2 { font-weight:bold; } .tzhbB-d { float:right; width: 580px; } .tzhbB-d ul li { width: 0; transition: all 4s; position: relative; } .tzhbB-b.active .tzhbB-d ul li { width: 100%; } .tzhbB-e { width: 0; line-height: 56px; display:inline-block; position: relative; transition: all 0.6s; height: 56px; border-top-right-radius: 20px; border-bottom-right-radius:20px; text-align:right; background: linear-gradient(270deg, #00D9CC 0%, #00B3DA 24.95%, #0069FF 100%); } .tzhbB-e .num { font-size:20px;color:#fff; padding-right: 15px; } .tzhbB-e .t { position: absolute; left: 100%; top: 0; padding-left: 10px; width: 100px; text-align:left; font-size:20px;color:#D6D6D6; } .tzhbB-d ul li:nth-child(n+2) { margin-top:18px; } .tzhbB-d ul li:nth-child(n+2) .tzhbB-e { background: linear-gradient(90deg, #E4E4E4 0%, #EFEFEF 38.02%, #EAEAEA 74.48%, #EFEFEF 100%); } .tzhbB-g {font-size:14px; color:#5c5c5c; opacity: 0.8; margin-top:25px;} @media(max-width:1900px){ .tzhbB { padding: 6.5vw 0; } } @media(max-width:1500px){ .tzhbB-c .mainTit .t {/* margin: 20px 0;*/ } .tzhbB-c { width: 48%; } .tzhbB-d { width: 46%; } .tzhbB-e .t,.tzhbB-e .num { font-size:18px; } .tzhbB-e { height: 50px; line-height: 50px; border-radius: 0 15px 15px 0; } .tzhbB-d ul li:nth-child(n+2) { margin-top:15px; } } @media(max-width:1300px){ .tzhbB-c { width: 48%; } .tzhbB-d { width: 46%; } .tzhbB-e .t,.tzhbB-e .num { font-size:16px; } .tzhbB-e { height: 42px; line-height: 42px; border-radius: 0 10px 10px 0; } .tzhbB-d ul li:nth-child(n+2) { margin-top:12px; } } @media(max-width:1100px){ .tzhbB { padding: 40px 0 50px; } .tzhbB-c .mainTit .t { margin: 12px 0 16px; } .tzhbB-c { width: 100%; } .tzhbB-d { width: 100%; margin-top:20px; } } @media(max-width:500px){ .tzhbB-g { padding:0; margin-top: 15px; text-align:right; } } .tzhbC .mini4A-b { background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 38.02%, #EAEAEA 74.48%, #EFEFEF 100%); } .tzhbC .mini4A-c .con .c { color:#333; } .tzhbC .mini4A-c .con { top:50%; } @media(max-width:1700px){ .tzhbC .mini4A-c .con { width: 43%; } } @media(max-width:1100px){ .tzhbC .mini4A-c .con { width: 100%; } } .tzhbD { padding:130px 0; } .tzhbD-a { position: relative; } .tzhbD-c { float:right; width: calc(100% - 610px); } .tzhbD-b { position: absolute; left:0; top:50%; transform:translateY(-50%); } .tzhbD-d .t,.tzhbD-c .c { position: relative; padding-left:50px; position: relative; } .tzhbD-d .t:before { content:''; background: #fff; z-index: 3; width: 24px; height: 24px; border:4px solid #0069FF; border-radius:50%; position: absolute; left: 0; box-sizing:border-box; top:50%; transform:translateY(-50%); } .tzhbD-c .c { color: #333; font-size: 20px; padding:20px 0 60px 50px; line-height: 180%; } .tzhbD-c ul li:last-child .c { padding-bottom:0; } .tzhbD-d .c:before { content:''; width: 1px; height: 105%; border:1px dashed #00D9CC; position: absolute; left: 11px; box-sizing:border-box; top:-5px; } .tzhbD-c ul li:last-child .c:before { display:none; } .tzhbD-d .t, .tzhbD-b .mainTit .colorJianbian2 { font-weight:bold; } @media(max-width:1900px){ .tzhbD { padding: 6.5vw 0; } .tzhbD-d .t,.tzhbD-c .c { padding-left: 2.5vw; } .tzhbD-c .c { font-size: 18px; padding:16px 0 3vw 2.5vw; } .tzhbD-c { float:right; width: calc(100% - 580px); } } @media(max-width:1700px){ .tzhbD { padding: 6.5vw 0; } .tzhbD-d .t,.tzhbD-c .c { padding-left: 2.5vw; } .tzhbD-c .c { font-size: 18px; padding:16px 0 3vw 2.5vw; } .tzhbD-c { float:right; width: 66%; } } @media(max-width:1500px){ .tzhbD { padding: 6.5vw 0; } .tzhbD-d .t,.tzhbD-c .c { padding-left: 2.5vw; } .tzhbD-c .c { font-size: 16px; padding:16px 0 3vw 2.5vw; } .tzhbD-c { float:right; width: 66%; } } @media(max-width:1100px){ .tzhbD { padding: 40px 0 50px; } .tzhbD-b { position: relative; float:left; width: 100%; left:0; top:0%; transform:translateY(0%); } .tzhbD-d .t,.tzhbD-c .c { padding-left: 25px; } .tzhbD-c .c { font-size: 16px; padding:10px 0 20px 25px; } .tzhbD-c { float:right; width: 100%; margin-top:20px; } .tzhbD-d .c:before { left: 7px; } .tzhbD-d .t:before { width: 16px; height: 16px; border-width:3px; } } .tzhbE { padding:130px 0; background: #e7e7e7; } .tzhbE-a .con { float:right; position: relative; top:0; transform:translateY(0); } .tzhbE-a .con .c { color:#333; opacity: 0.8; } .tzhbE-b { position: absolute; left:0; top:50%; transform:translateY(-50%); } .tzhbE-b ul li { text-align:center; width: 245px; height: 245px; background: #fff; position: relative; border-radius:50%; float:left; } .tzhbE-b ul li:nth-child(2) { z-index: 5; background: #0069FF; } .tzhbE-b ul li:nth-child(n+2) { margin-left:-50px; } .tzhbE-b .conA { width: 100%; position: absolute; left:0; top:50%; transform:translateY(-50%); } .tzhbE-b .conA .c { font-size:20px;color:#333; margin-top: 10px; } .tzhbE-b ul li:nth-child(2) .t .colorJianbian2,.tzhbE-b ul li:nth-child(2) .c { color:#fff; -webkit-text-fill-color: #fff; } .tzhbF { background: #e7e7e7; padding-bottom:130px; } .tzhbF .mini4A-b { background: #fff; } .tzhbF .mini4A-b .con { top:50%; left:0; } .tzhbF .mini4A-b .con .c { color:#333; } .tzhbF .mini4A-c .img { float:right; } @media(max-width:1700px){ .tzhbE { padding: 6.5vw 0; } .tzhbF { padding: 0 0 6.5vw 0; } .tzhbE-b ul li { width: 210px; height: 210px; } .tzhbE-b .conA .c { font-size:18px; margin-top: 5px; } } @media(max-width:1100px){ .tzhbE-b { position: relative; width: 100%; float:left; left:0; top:0%; transform:translateY(0%); } .tzhbE-b ul { width: 500px; margin: 0 auto; } .tzhbE-b ul li { width: 180px; height: 180px; } .tzhbE-b ul li:nth-child(n+2) { margin-left:-30px; } .tzhbE-b .conA .c { font-size:16px; margin-top: 5px; } } @media(max-width:1100px){ .tzhbE { padding: 40px 0 30px; } .tzhbF { padding: 0 0 50px 0; } .tzhbF .mini4A-b .con { margin:0 0 20px; } } @media(max-width:550px){ .tzhbE-b ul { width: 370px; margin: 0 auto; } .tzhbE-b ul li { width: 130px; height: 130px; } .tzhbE-b ul li:nth-child(n+2) { margin-left:-10px; } .tzhbE-b .conA .c { font-size:14px; margin-top: 0; } } @media(max-width:420px){ .tzhbE-b ul { width: 310px; margin: 0 auto; } .tzhbE-b ul li { width: 110px; height: 110px; } .tzhbE-b ul li:nth-child(n+2) { margin-left:-10px; } .tzhbE-b .conA .c { font-size:14px; margin-top: 0; } } .tzhbG { background: #202020; } .tzhbG-c { padding: 0 3vw; } .tzhbG-b ul li { position: relative; transition: all 0.5s; top:0; float:left; width: calc(25% - 27px); margin-right:36px; background: #fff; } .tzhbG-b ul li:nth-child(4n) { margin-right:0; } .tzhbG-b .con { padding: 30px 34px 40px; } .tzhbG-b .con .t { height: 100px; color:#333; font-weight: 500;line-height: 120%;} .tzhbG-b .con .c {overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; color:#333; font-size: 20px;font-weight: 400;line-height: 150%; margin: } .tzhbG-b .con .d { margin: 8px 0 60px; color:#333; font-size: 20px;font-weight: 400;line-height: 150%; margin: } .tzhbG-b .con .more { color: #0069FF; font-size: 20px; font-weight: 400;line-height: 150%; } .page a { transition:all 0.5s; border-radius:5px; margin: 0 6px; background-clip: padding-box, border-box;overflow: hidden;background-origin: padding-box, border-box;background-image: linear-gradient(to right, #202020, #202020), linear-gradient(to right, #00CE9A, #0069FF); display:inline-block; line-height: 64px; font-size:20px;color:#fff; opacity: 0.7; width: 64px; height: 64px;} .page a.prev span { display:block; width: 100%; height: 100%; background: url(../images/tzhb/prev.png) no-repeat center; } .page a.next span { display:block; width: 100%; height: 100%; background: url(../images/tzhb/next.png) no-repeat center; } .tzhbG-b ul li:hover { top: -20px; } .tzhbG-b ul li:hover .t { color:#0069FF; } .page a:hover,.page a.cur { background: linear-gradient(270deg, #00D9CC 0%, #00B3DA 24.95%, #0069FF 100%); } .tzhbH { background: #e7e7e7; } .tzhbH-a { padding:0 3vw; } .tzhbH-b { background: #fff; padding:60px 15px; } .tzhbH-b .mainTit .c { line-height: 1.5; } .tzhbH-b .mainTit .c a { color:#0069FF; } @media(max-width:1700px){ .tzhbG-b .con { padding:1.5vw 1.7vw 2vw; } .page a { width: 50px; line-height: 50px; height: 50px; margin: 0 3px; } .tzhbG-b .con .d { margin: 8px 0 3vw; } .tzhbG-b .con .c,.tzhbG-b .con .d,.tzhbG-b .con .more { font-size:18px; } .tzhbH-b { padding:3vw 15px; } } @media(max-width:1500px){ .tzhbG-b ul li { width: calc(25% - 18px); margin-right:24px; } .page a { width: 42px; line-height: 42px; height: 42px; margin: 0 3px; } .page a.prev span { display:block; width: 100%; height: 100%; background: url(../images/tzhb/prev.png) no-repeat center; background-size: 20px auto; } .page a.next span { display:block; width: 100%; height: 100%; background: url(../images/tzhb/next.png) no-repeat center; background-size: 20px auto; } .tzhbG-b .con .t { line-height: 1.5; height: 80px; } .tzhbG-b .con .c,.tzhbG-b .con .d,.tzhbG-b .con .more { font-size:16px; } } @media(max-width:1100px){ .page a { width: 36px; line-height: 36px; height: 36px; margin: 0 1px; } .tzhbG-b ul li { width: calc(50% - 8px); margin-right:16px; } .tzhbG-b ul li:nth-child(2n) { margin-right:0; } .tzhbG-b ul li:nth-child(n+3) { margin-top: 16px; } .tzhbH-b { padding:30px 15px; } } /*hjc黄金城官网登录入口*/ .aboutA { padding: 120px 0; background: #fff; } .aboutA-a .mainTit img { width: 400px; } .aboutA-a .mainTit .c { max-width:1050px; margin: 36px auto 100px; } .aboutA-b ul { position: relative; } .aboutA-b ul li { width: 20%; float:left; text-align:center; } .aboutA-b .tt { line-height: 1; display:inline-block; font-weight:500; } .aboutA-b .tit .num { font-size: 96px; } .aboutA-b .tit .dw { font-size: 48px; display:inline-block; } .aboutA-b .c { font-size:24px; margin-top:10px; color:#5C5C5C; } @media(max-width:1900px){ .aboutA { padding: 6vw 0; } .aboutA-a .mainTit img { width: 21vw; } .aboutA-b .tit .num { font-size: 4.8vw; } .aboutA-b .tit .dw { font-size: 2.4vw; } .aboutA-b .c { font-size:22px; margin-top:8px; } .aboutA-a .mainTit .c { margin: 2vw auto 5vw; } } @media(max-width:1700px){ .aboutA-b .c { font-size:20px; margin-top:8px; } } @media(max-width:1500px){ .aboutA-b .c { font-size:18px; margin-top:8px; } } @media(max-width:1300px){ .aboutA-b .c { font-size:16px; margin-top:6px; } } @media(max-width:800px){ .aboutA-a .mainTit .c { margin: 25px 0 30px; } .aboutA { padding: 40px 0 50px; } .aboutA-a .mainTit img { width: 160px; } .aboutA-b ul li { width: 50%; float:left; text-align:center; } .aboutA-b .tit .num { font-size: 36px; } .aboutA-b .tit .dw { font-size: 18px; } .aboutA-b .c { font-size:14px; } .aboutA-b ul li:nth-child(n+3) { margin-top: 20px; } } @media(max-width:400px){ .aboutA-b .tit .num { font-size: 26px; } .aboutA-b .tit .dw { font-size: 16px; } .aboutA-b .c { font-size:12px; } } .aboutB { padding: 120px 3vw 0; } .aboutB-a { background: #F4F4F6; padding:100px 240px; } .aboutB-b { position: relative; } .aboutB-a .img { float:left; width: 33%; } .aboutB-a .conA { position: absolute; right:0; top:50%; transform:translateY(-50%); width: 52%; } .aboutB-a .conA .con { margin-top: 80px; color: #333;text-align: justify;font-size: 20px;font-weight: 400;line-height: 180%; } @media(max-width:1900px){ .aboutB { padding: 6vw 3vw 0; } .aboutB-a { padding:5vw 12vw; } .aboutB-a .conA .con { margin-top: 3vw; font-size:18px; } } @media(max-width:1700px){ .aboutB { padding: 6vw 3vw 0; } .aboutB-a { padding:5vw 12vw; } .aboutB-a .conA { width: 60%; } .aboutB-a .conA .con { margin-top: 3vw; font-size:16px; } } @media(max-width:1400px){ .aboutB { padding: 6vw 3vw 0; } .aboutB-a { padding:5vw 5vw; } .aboutB-a .conA { width: 60%; } .aboutB-a .conA .con { margin-top: 3vw; font-size:16px; } } @media(max-width:1100px){ .aboutB { padding: 40px 5vw 0; } .aboutB-a { padding:20px 16px; } .aboutB-a .conA { float:left; width: 100%; position: relative; top:0; transform:translateY(0); margin-top:25px; } .aboutB-a .img { float:left; width: 100%; text-align:center; } .aboutB-a .conA .con { margin-top: 20px; font-size:16px; } } .aboutC { padding:280px 3vw 260px; background: url(../images/about/aboutcbg.png) no-repeat center/cover; } .aboutC .mainTit .con { margin: 30px auto 0; max-width: 900px; } @media(max-width:1900px){ .aboutC { padding:14vw 3vw 13vw; } } @media(max-width:1500px){ .aboutC .mainTit .con { margin: 20px auto 0; } } @media(max-width:1100px){ .aboutC { padding:50px 5vw 60px; } .aboutC .mainTit .con { margin: 10px auto 0; } } .aboutD .tt1 { margin-top:50px; } .aboutD .homeD-e li .icon{ left:0; top:0; transform:translateY(0); } .aboutD .homeD-e li .t2 { font-size:20px; max-width:260px; line-height: 1.8; color:#5C5C5C; } .aboutD .homeD-e li .t1 { margin-top:0; font-weight:500; color:#5C5C5C; } .aboutD .homeD-e { margin-top: 60px; } .aboutD .homeD-e .cc { font-size:20px;color:#5C5C5C; margin-bottom:10px; } .aboutD .mini4D-b .homeD-e ul li { margin-top:30px; } .aboutD .mini4D-b .homeD-e ul li:nth-child(n+3) { margin-top:2.5vw; } @media(max-width:1700PX){ .aboutD .tt1 { margin-top:2.6vw; } .aboutD .homeD-e { margin-top: 3.2vw; } .aboutD .homeD-e .cc { font-size:18px; } .aboutD .homeD-e li .t2 { font-size:18px; } } @media(max-width:1500px){ .aboutD .homeD-e .cc { font-size:16px; } .aboutD .homeD-e li .t2 { font-size:16px; }} @media(max-width:1100px){ .aboutD .homeD-e li .icon { top: 4px; } .aboutD .homeD-e .cc {margin-bottom:10px;} .aboutD .mini4D-b .homeD-e ul li { margin-top: 20px; } } .aboutE { padding:140px 0 60px; background: url(../images/about/aboutebg.png) no-repeat center/cover; } .aboutE-b { padding-left: 3vw; } .aboutE-b .swiper-container { padding-bottom: 150px; padding-top: 10px; position: relative; } .aboutE-b .swiper-container:before { content:''; width: 100%; height: 2px; background: rgba(255,255,255,0.7); position: absolute; left:0 top:11px; } .aboutE-b .swiper-slide { } .aboutE-b .topT { padding-top:30px; position: relative; line-height: 1.5; } .aboutE-b .con { padding-right: 30px; font-size: 20px; line-height: 1.8; opacity: 0.8; } .aboutE-b .topT:before { content:''; width: 24px; height: 24px; box-sizing:border-box; background:url(../images/about/aboutebg2.svg) no-repeat center/cover #202020; border-radius:50%; position: absolute; left:0; top: -10px; } .aboutE-b .con ul { padding-left: 30px; } .aboutE-b .con ul li { list-style:disc; } .aboutE-b .swiper-container .swiper-pagination { width: 90%; max-width: 720px; left:50%; transform:translateX(-50%); top:auto; bottom:0; background: rgba(255,255,255,0.3); height: 8px; border-radius:5px; } .aboutE-b .swiper-container .swiper-pagination .swiper-pagination-progressbar-fill { border-radius: 10px; background: linear-gradient(90deg, #00D9CC 0%, #00B3DA 24.95%, #0069FF 100%); } .aboutE-b .swiper-wrapper { -webkit-transition-timing-function: linear; -ms-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } @media(max-width:1700px){ .aboutE { padding: 7vw 0 50px; } .aboutE-b .con { font-size:18px; } .aboutE-b .swiper-container { padding-bottom: 130px; } } @media(max-width:1500px){ .aboutE-b .topT { padding-top: 20px; } .aboutE-b .con { font-size:16px; line-height: 1.6; } .aboutE-b .swiper-container .swiper-pagination { height: 6px; } .aboutE-b .swiper-container { padding-bottom: 100px; } } @media(max-width:1300px){ .aboutE-b .swiper-container { padding-bottom: 70px; } .aboutE-b .con ul { padding-left: 25px; } } @media(max-width:1100px){ .aboutE { padding: 40px 0 50px; } .aboutE-b .swiper-container { padding-bottom: 40px; } } @media(max-width:800px){ .aboutE-b .swiper-container { padding-bottom: 30px; } } .aboutF { padding:100px 0 90px; } .aboutF-a { position: relative; } .aboutF-b { position: absolute; left:0; top: 50%; transform:translateY(-50%); width: 41%; } .aboutF-c { float:right; width: 56%; } .aboutF-d .t { margin-top: 56px; } .aboutF-d .t,.aboutF-d .c { font-size: 20px; } .aboutF-d .c { color:#5C5C5C; line-height: 1.8; margin-top:10px; } .aboutF .qdhzA-a .qdhzD-c { margin-top:0px; } @media(max-width:1900px){ .aboutF { padding:5vw 0 4.5vw; } .aboutF-d .t { margin-top: 2.8vw; } .aboutF-d .t,.aboutF-d .c { font-size: 18px; } } @media(max-width:1500px){ .aboutF-d .t { margin-top: 2vw; } .aboutF-d .t,.aboutF-d .c { font-size: 16px; line-height: 1.6; } } @media(max-width:1100px){ .aboutF .qdhzA-a .qdhzD-c { margin-top:20px; } .aboutF { padding:40px 0 50px; } .aboutF-d .t { margin-top: 20px; } .aboutF-d .t,.aboutF-d .c { font-size: 16px; line-height: 1.6; } .aboutF-b { float:left;width: 100%; position: relative; top:0; transform:translateY(0); } .aboutF-c { width: 100%; margin-top:25px; } } /*渠道合作*/ .qdhzA { } .qdhzA-a { padding: 0 3vw; } .qdhzA-c ul { display:flex; flex-wrap:wrap; } .qdhzA-c ul li { float:left; width: calc(33.333% - 36px); margin-right:54px; } .qdhzA-c ul li:nth-child(3) { margin-right:0; } /*.qdhzA-c ul li .top {background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%);}*/ /*.qdhzA-c ul li:nth-child(2) .bot { background: #202020; }*/ .qdhzA-c ul li:nth-child(1) .top { background: none; } .qdhzA-c ul li:nth-child(1) { background: url(../images/qdhz/qdhzabg2.png) no-repeat bottom right #0069FF; background-size: 78% auto; } /*.qdhzA-c ul li:nth-child(3) .bot { background: #0069FF; }*/ .qdhzA-c ul li .bot { margin-top: 54px; } .qdhzA-c ul li .top,.qdhzA-c ul li .bot { border:1px solid #dedede; padding:30px; } .qdhzA-c .con { font-size: 20px;color:#5C5C5C; line-height: 1.5; margin-top:30px; } .qdhzA-c ul li .top .con { min-height:140px; } .qdhzA-c ul li .bot .con { min-height:140px; } .qdhzA-c ul li:nth-child(1) .t,.qdhzA-c ul li:nth-child(1) .top .con { color:#fff; } .qdhzA-c ul li:nth-child(1) .top { border:none; } .qdhzA-c ul li:nth-child(n+2) .t span { display:inline-block; position: relative; } .qdhzA-c ul li:nth-child(n+2) .t span:before { content:'';width: 100%; height: 16px; background: rgba(0, 105, 255, 0.5); position: absolute; left:0; bottom:0; z-index: 1; } .qdhzA-c2 ul { display:flex; flex-wrap:nowrap; } .qdhzA-c2 ul li:nth-child(n+2) { margin-top:0; } @media(max-width:1750px){ .qdhzA-c ul li .top,.qdhzA-c ul li .bot { padding: 1.5vw; } .qdhzA-c .con { font-size:18px; margin-top:20px; } .qdhzA-c ul li .top .con { min-height:120px; } .qdhzA-c ul li .bot .con { min-height:120px; } .qdhzA-c ul li:nth-child(n+2) .t span:before { height: 12px; } } @media(max-width:1500px){ .qdhzA-c .con { font-size:16px; margin-top:20px; } .qdhzA-c ul li .top .con { min-height:100px; } .qdhzA-c ul li .bot .con { min-height:100px; } .qdhzA-c ul li { float:left; width: calc(33.333% - 20px); margin-right:30px; } .qdhzA-c ul li .bot { margin-top: 30px; } .qdhzA-c ul li:nth-child(n+2) .t span:before { height: 10px; } } @media(max-width:1100px){ .qdhzA-c ul li .top,.qdhzA-c ul li .bot { padding: 20px 15px 30px; } .qdhzA-c .con { font-size:16px; margin-top:10px; } .qdhzA-c ul li .top .con { min-height:10px; } .qdhzA-c ul li .bot .con { min-height:10px; } .qdhzA-c ul li { float:left; width: 100%; margin-right:0px; } .qdhzA-c ul li .bot { margin-top: 15px; } .qdhzA-c ul li:nth-child(n+2) { margin-top:15px; } .qdhzA-c ul li:nth-child(1) { min-height: 10px; } .qdhzA-c ul li { min-height: 10px; height: 50vw; } .qdhzA-c ul li:nth-child(n+2) .t span:before { height: 8px; } .qdhzA-c ul li .top, .qdhzA-c ul li .bot { height: 100%; margin-top:0; } .qdhzA-c2 ul li:nth-child(n+2) { margin-top:0; } } @media(max-width: 600px){ .qdhzA-c ul li:nth-child(1) { min-height: 10px; } .qdhzA-c ul li { min-height: 10px; height: 84vw; } .qdhzA-c ul li:nth-child(n+2) .t span:before { height: 8px; } .qdhzA-c ul li .top, .qdhzA-c ul li .bot { height: 100%; margin-top:0; } .qdhzA-c2 ul li:nth-child(n+2) { margin-top:0; } } .qdhzB { background: linear-gradient(180deg, #E4E4E4 0%, #EFEFEF 48.44%, #EAEAEA 76.20%, #EFEFEF 97.79%); } .qdhzB-c ul li { float:left; width: 23%; margin-right: 2.66666%; } .qdhzB-c ul li:nth-child(4n) { margin-right:0; } .qdhzB-c ul li .t1 { font-weight:bold; color:#333; margin-top: 15px; } .qdhzB-c ul li .t2 { font-size:20px;color:#5C5C5C; margin:8px 0 20px; } .qdhzB-c ul li .c { line-height: 1.5; font-size:20px;color:#0069FF; } .qdhzC-c { width: 70vw; text-align:center; margin-left:auto; margin-right:auto; } @media(max-width:1700px){ .qdhzB-c ul li .t2,.qdhzB-c ul li .c { font-size:18px; } } @media(max-width:1500px){ .qdhzB-c ul li .t2,.qdhzB-c ul li .c { font-size:16px; } .qdhzB-c ul li .t2 { margin:5px 0 10px; } } @media(max-width:1100px){ .qdhzC-c { width: 100%; } .qdhzB-c ul li .t1 { margin-top: 10px; } .qdhzB-c ul li { float:left; width: 100%; margin-right: 0%; } .qdhzB-c ul li:nth-child(n+2) { margin-top:20px; } } .qdhzD-c ul { display:flex; flex-wrap:wrap; } /*.qdhzD-c ul li { padding: 120px 40px 130px; background: #F4F4F6; float:left; width: calc(20% - 24px); margin-right: 30px; }*/ .qdhzD-c ul li { padding: 120px 40px 130px; position: relative; float:left; width: calc(20% - 24px); margin-right: 30px; } .qdhzD-c ul li:nth-child(5n) { margin-right:0; } /*.qdhzD-c ul li:nth-child(1) { background: #202020; }*/ /*.qdhzD-c ul li:nth-child(4) { background: #0069FF; }*/ .qdhzD-c .t { font-size: 34px; } .qdhzD-c .c { font-size: 20px; opacity: 0.7; color:#333; line-height: 1.5; margin-top: 20px; } /*.qdhzD-c ul li:nth-child(1) .t,.qdhzD-c ul li:nth-child(1) .c,.qdhzD-c ul li:nth-child(4) .t,.qdhzD-c ul li:nth-child(4) .c { color:#fff; }*/ .qdhzD-d { margin:50px 0 70px; transition: all 2s; width: 0; overflow: hidden; } .qdhzD-d.active { width:100%; } .qdhzD-d img { width:84.6vw!important; height:auto; } .qdhzE .gylB-b ul li { width:calc(25% - 36px); margin-right: 48px; position: relative; top: 0; transition:all 0.5s; } .qdhzE .gylB-b ul { padding-top: 15px; } .qdhzE .gylB-b ul li:hover { top: -15px; } .qdhzE .gylB-b ul li .con { min-height:10px; } .qdhzE .gylB-b ul li:nth-child(4n) { margin-right:0; } .qdhzD-c .t { position:relative; } .qdhzD-c .t .num { position: absolute; left:50%; transform:translateX(-50%); color: rgba(92, 92, 92, 0.20); top: -40px; line-height: 1; font-family: Roboto; font-size: 80px; font-style: normal; font-weight: 500; } .qdhzD-c ul li:nth-child(n+2) .t:before { content:''; width: 35px; height: 28px; background: url(../images/qdhz/lcjt.png) no-repeat center/cover; position: absolute; top:50%; transform:translateY(-50%); left: -73px; } .qdhzD-c ul li { overflow: visible; } .qdhzD-c .t .tt { position: relative; z-index: 5; } @media(max-width:1700px){ .qdhzD-c .t .num { font-size:4vw; top: -2.5vw; } .qdhzD-c ul li { padding: 6vw 2vw 7vw; } .qdhzD-c ul li:nth-child(n+2) .t:before { left: calc(-2vw - 33px); } .qdhzD-c .t { font-size: 1.7vw; } .qdhzD-c .c { font-size: 18px; margin-top: 20px; } .qdhzD-d { margin:40px 0 60px; } } @media(max-width:1300px){ .qdhzD-c ul li { width: calc(20% - 24px); margin-right: 32px; } .qdhzD-c .t { font-size: 1.7vw; } .qdhzD-c .c { font-size: 16px; margin-top: 20px; } .qdhzD-d { margin:30px 0 50px; } } @media(max-width:1100px){ .qdhzD-c ul li {background: #F4F4F6; width: calc(50% - 12px); margin-right: 24px; } .qdhzD-c ul li:nth-child(5n) { margin-right:2%; } .qdhzD-c ul li:nth-child(2n) { margin-right:0; } .qdhzD-c ul li:nth-child(n+3) { margin-top:24px; } .qdhzD-c .t { font-size: 20px; } .qdhzD-c .c { font-size: 16px; margin-top: 20px; } .qdhzD-d { margin:30px 0 40px; } .qdhzE .gylB-b ul li { width: 100%; margin-right:0; } .qdhzD-c ul li:nth-child(n+2) .t:before { display:none; } .qdhzD-c ul li:nth-child(1) { background: #202020; } .qdhzD-c ul li:nth-child(4) { background: #0069FF; } .qdhzD-c ul li:nth-child(1) .t,.qdhzD-c ul li:nth-child(1) .c,.qdhzD-c ul li:nth-child(4) .t,.qdhzD-c ul li:nth-child(4) .c { color:#fff; } .qdhzD-c { margin-bottom: 30px; } .qdhzD-c .t .num { font-size:50px; top: -30px; } } @media(max-width:700px){ .qdhzD-c ul li { width: calc(50% - 6px); margin-right: 12px; } .qdhzD-c ul li:nth-child(n+3) { margin-top:12px; } .qdhzD-c .c { font-size: 16px; margin-top: 12px; } .qdhzD-c .t .num { font-size:40px; top: -20px; } } /*弹窗*/ .memberB,.memberBb { z-index: 10000; } .memberB-z { position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); } .memberB-a { height: auto; max-width: 560px; } .memberB .homeH-d,.memberBb .homeH-d { width: 100%; margin-top:0; } .homeH-d li #bioarea-wrap.layui-form-item,.homeH-d li #bioarea-wrap2.layui-form-item { width: 100%; } .homeH-d li #bioarea-wrap.layui-form-item .layui-inline,.homeH-d li #bioarea-wrap2.layui-form-item .layui-inline,.homeH-d li #bioarea-wrap3.layui-form-item .layui-inline,.homeH-d li #bioarea-wrap4.layui-form-item .layui-inline { width: 48%; margin-right:2%; float:left; } .homeH-d li #bioarea-wrap.layui-form-item .layui-inline:nth-child(3),.homeH-d li #bioarea-wrap2.layui-form-item .layui-inline:nth-child(3),.homeH-d li #bioarea-wrap3.layui-form-item .layui-inline:nth-child(3),.homeH-d li #bioarea-wrap4.layui-form-item .layui-inline:nth-child(3) { margin-right:0; } .homeH-d li #bioarea-wrap .layui-form-select .layui-input,.homeH-d li #bioarea-wrap2 .layui-form-select .layui-input { border-radius:0; border:none; font-size:16px; } .homeH-d li #bioarea-wrap3 .layui-form-select .layui-input,.homeH-d li #bioarea-wrap4 .layui-form-select .layui-input { border-radius:0; border:none; font-size:16px; } .homeH-d li #bioarea-wrap3.layui-form-item { width: 100%; } .homeH-d li #bioarea-wrap3.layui-form-item .layui-inline { width: 48%; margin-right:2%; float:left;margin-bottom:0!important; } .homeH-d li #bioarea-wrap3.layui-form-item .layui-inline:nth-child(3) { margin-right:0; } .homeH-d li #bioarea-wrap3 .layui-form-select .layui-input { border-radius:0; border:none; font-size:16px; } .homeH-d .topT .t { color:#333; padding-bottom: 20px; border-bottom:1px solid #dedede; font-size:24px; margin-bottom: 20px; } .layui-form-item .layui-inline { clear:none; } .homeHAA .homeH-d li #bioarea-wrap.layui-form-item .layui-inline { width: 32%; margin-right:2%; } .homeHAA .homeH-d li #bioarea-wrap.layui-form-item .layui-inline:last-child { width: 32%; margin-right:0; } .homeHAA .homeH-d li #bioarea-wrap2.layui-form-item .layui-inline { width: 32%; margin-right:2%; } .homeHAA .homeH-d li #bioarea-wrap2.layui-form-item .layui-inline:last-child { width: 32%; margin-right:0; } .memberBAA .homeH-d li #bioarea-wrap3.layui-form-item .layui-inline { width: 32%; margin-right:2%; } .memberBAA .homeH-d li #bioarea-wrap3.layui-form-item .layui-inline:last-child { width: 32%; margin-right:0; } .memberBAA .homeH-d li #bioarea-wrap4.layui-form-item .layui-inline { width: 32%; margin-right:2%; } .memberBAA .homeH-d li #bioarea-wrap4.layui-form-item .layui-inline:last-child { width: 32%; margin-right:0; } .memberBb.bg .homeH-d { background: url(../images/addsuccessbg.png) no-repeat center/cover #fff; } .homeH-d { position: relative; } .homeH-d .close { position: absolute; right:10px; top:10px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 38px; font-family:"arial"; font-size: 30px; z-index: 10000;background: #fff; color:#999; border-radius:50%;} .homeH-d .close:hover { color:#fff; border-color:#0069ff; background: #0069FF; } @media(max-width:350px){ .homeH-d .topT .t { font-size:20px; } } .memberB-a .topc { padding: 10px 0 30px; border-bottom:1px solid #ededed; color:#5C5C5C; margin-bottom:20px; } .memberB-a .cc { font-size:16px; margin: 0 0 20px; } .borderNone { border:none!important; margin-bottom:0!important; } .homeH-d3 { margin-bottom: 30px; } .homeH-d3 .img { display:inline-block; border-radius: 20px; overflow: hidden; } /*服务支持*/ .fwzcA { background: linear-gradient(181deg, #E4E4E4 0.58%, #EFEFEF 43.23%, #EAEAEA 67.68%, #EFEFEF 86.69%); padding: 7vw 0 5vw; } .fwzcA-c ul { display:flex; flex-wrap:wrap; } .fwzcA-c ul li { background: #fff; float:left; padding: 25px 30px; width: calc(45% - 60px); margin-right: 48px; } /*.fwzcA-c ul li:nth-child(2n) { margin-right:0; }*/ .fwzcA-c ul li:nth-child(n+3) { margin-top: 48px; } .fwzcA-c .t { color:#0069FF; margin:0 0 10px; font-weight:bold; } .fwzcA-c .c { color:#5C5C5C; font-size:20px; line-height: 1.5; } .fwzcA-h { text-align:right; float:left; width: 40%; position: relative; } .fwzcA-h .img1 { opacity: 0.5; position: absolute; left:0; top:50%; transform:translateY(-50%); width: 56%; } .fwzcA-h .img2 { display:inline-block; width: 64%; position: relative; z-index: 5; } .fwzcA-h .img img { width: 100%; } .fwzcA-f { position: relative; } .fwzcA-g { width: 53%; position: absolute; right:0; top:50%; transform:translateY(-50%); } .fwzcA-c .icon { display:none; } .fwzcA-c ul li { text-align:left; } @media(max-width:1900px){ .fwzcA-c ul li { padding: 20px 30px; width: calc(45% - 60px); margin-right: 30px; } .fwzcA-c ul li:nth-child(n+3) { margin-top: 30px; } } @media(max-width:1500px){ /*.fwzcA-c ul li { padding: 30px; }*/ .fwzcA-c .c { font-size:18px; } .fwzcA-c ul li { padding: 20px 30px; width: calc(50% - 30px); margin-right: 20px; } .fwzcA-c ul li:nth-child(n+3) { margin-top: 20px; } } @media(max-width:1300px){ .fwzcA-c ul li { padding: 20px; } .fwzcA-c .c { font-size:16px; } .fwzcA-c .t { margin:0 0 8px; } .fwzcA-c .icon img { height: 56px; } } @media(max-width:1100px){ .fwzcA { padding: 40px 0 50px; } .fwzcA-c ul li { padding: 20px 15px; } /*.fwzcA-c .c { font-size:18px; }*/ .fwzcA-c .icon img { height: 50px; } .fwzcA-c ul li { width: calc(50% - 8px); margin-right: 16px; } .fwzcA-c ul li:nth-child(3n) { margin-right:16px; } .fwzcA-c ul li:nth-child(2n) { margin-right:0; } .fwzcA-c ul li:nth-child(n+3) { margin-top: 16px; } .fwzcA-h { width: 100%; } .fwzcA-g { width: 100%; position: relative; top: 0; transform:translateY(0); margin-top:30px; float:left; } .memberB-a .topc { padding: 3px 0 16px; margin-bottom: 14px; } .memberB-a .cc { margin: 6px 0 15px; } } @media(max-width: 600px){ .font48 { font-size: 24px; } /*.fwzcA-c .c { font-size:16px; }*/ .fwzcA-c ul li { width: calc(50% - 5px); margin-right: 10px; } .fwzcA-c ul li:nth-child(3n) { margin-right:10px; } .fwzcA-c ul li:nth-child(2n) { margin-right:0; } .fwzcA-c ul li:nth-child(n+3) { margin-top: 10px; } } @media(max-width: 400px){ .font48 { font-size: 22px; } } .fwzcB-c ul { display:flex; flex-wrap:wrap; } .fwzcB-c ul li { background: #EDEDED; margin-right:3%; margin-top:0; float:left; width: 30.7%; position: relative; transition:all 0.6s; } /*.fwzcB-c ul li:hover { margin-top: -15px; }*/ .fwzcB-c ul li:nth-child(2),.fwzcB-c ul li:nth-child(4) { border-top-left-radius:0; border-bottom-left-radius:0; width: 17.8%; } .fwzcB-c ul li:nth-child(1),.fwzcB-c ul li:nth-child(3) { border-top-right-radius:0; border-bottom-right-radius:0; } /*.fwzcB-c ul li:nth-child(2) { background: #0069FF; margin-right:7%; }*/ .fwzcB-c ul li:nth-child(4),.fwzcB-c ul li:nth-child(1),.fwzcB-c ul li:nth-child(3) { background: #EDEDED; margin-right:0; } .fwzcB-c .con { position: absolute; left:0; top:32px; width: 100%; padding: 0 24px; } .fwzcB-c .con .c,.fwzcB-c .con .t { line-height: 1.5; } .fwzcB-c ul li:nth-child(2) .con .t,.fwzcB-c ul li:nth-child(4) .con .t { color:#0069FF!important; } .fwzcB-c ul li:nth-child(2) .con .c,.fwzcB-c ul li:nth-child(4) .con .c { color:#5C5C5C!important; } .fwzcB-c ul li:nth-child(2) .con .more .colorWhite { color:#0069FF!important; } .fwzcB-c ul li:nth-child(2) .con .more a { border-color:#0069FF; } .fwzcB-c .con .c { margin-bottom: 12vw; } .fwzcB-c .con a { transition: all 0.6s; display:inline-block; padding: 15px 30px; border:1px solid #fff; border-radius: 50px; } .fwzcB-c .con a span { display:inline-block; padding-right: 50px; font-size:16px; background: url(../images/fwzc/more.png) no-repeat right center; } .fwzcB-c ul li:nth-child(2) .con a span,.fwzcB-c ul li:nth-child(4) .con a span { background: url(../images/fwzc/more2.png) no-repeat right center; } .fwzcB-c .con a:hover { background: #0069FF; border-color:#0069FF; } .fwzcB-c ul li:nth-child(2):hover .con a,.fwzcB-c ul li:nth-child(4):hover .con a { background: #0069ff; border-color:#fff; } .fwzcB-c .con a:hover span.colorWhite { color:#fff!important; background: url(../images/fwzc/more.png) no-repeat right center; } .fwzcB-c ul li:nth-child(2):hover .con .more span.colorWhite,.fwzcB-c ul li:nth-child(4):hover .con .more span.colorWhite { color:#fff!important; background: url(../images/fwzc/more.png) no-repeat right center; } .fwzcB-c ul li:nth-child(2):hover,.fwzcB-c ul li:nth-child(4):hover { background: #0069ff; } .fwzcB-c ul li:nth-child(2):hover .con .t,.fwzcB-c ul li:nth-child(4):hover .con .t { color:#ffffff!important; } .fwzcB-c ul li:nth-child(2):hover .con .c,.fwzcB-c ul li:nth-child(4):hover .con .c { color:#ffffff!important; } .fwzcB-c ul li:nth-child(4) .con a { background: #0069ff; border-color:#fff; } .fwzcB-c ul li:nth-child(4) .con a:hover { background: #00ce9a; border-color:#00ce9a; } .fwzcB-c ul li:nth-child(4) .con .more span.colorWhite { color:#fff!important; background: url(../images/fwzc/more.png) no-repeat right center; } .fwzcB-c ul li:nth-child(4) { background: #0069ff; } .fwzcB-c ul li:nth-child(4) .con .t { color:#ffffff!important; } .fwzcB-c ul li:nth-child(4) .con .c { color:#ffffff!important; } .fwzcB-c ul li:nth-child(4) { background: #0069ff; } @media(max-width:1700px){ .fwzcB-c .con a { padding: 12px 24px; } .fwzcB-c .con a span { padding-right: 40px; } .fwzcB-c .con .c { font-size: 1.2vw; } } @media(max-width:1500px){ .fwzcB-c .con { top: 30px; padding: 0 20px; } .fwzcB-c .con .c { margin-bottom: 10vw; } } @media(max-width:1300px){ .fwzcB-c .con a { padding: 10px 20px; } .fwzcB-c .con a span { padding-right: 30px; font-size:14px; } .fwzcB-c .con .c { font-size: 1.2vw; } } @media(max-width: 1100px){ .fwzcB-c ul li { margin-right:2%; float:left; width: 60%; position: relative; } .fwzcB-c ul li:nth-child(2),.fwzcB-c ul li:nth-child(4) { width: 38%; } /*.fwzcB-c ul li:nth-child(2) { background: #0069FF; margin-right:0%; }*/ /*.fwzcB-c ul li:nth-child(4) { background: #333; margin-right:0; }*/ .fwzcB-c ul li:hover { margin-top: 0; } .fwzcB-c ul li:nth-child(n+3):hover { margin-top: 2%; } .fwzcB-c .con .c { margin-bottom: 30vw; } .fwzcB-c .con .c { font-size: 16px; } .fwzcB-c ul li:nth-child(n+3) { margin-top: 2%; } } @media(max-width: 700px){ .fwzcB-c .con .c { min-height:20vw; margin-bottom: 20px; } .fwzcB-c .con .c { font-size: 16px; } } /*@media(max-width: 500px){ .fwzcB-c ul li { width: 100%; margin-right:0; } .fwzcB-c ul li:nth-child(2),.fwzcB-c ul li:nth-child(4) { width: 100%; min-height: 240px; } .fwzcB-c ul li:nth-child(2) { margin-right:0%; } .fwzcB-c ul li:nth-child(n+2) { margin-top:20px; } .fwzcB-c .con { top:20px; padding: 0 15px; } .fwzcB-c ul li:nth-child(2),.fwzcB-c ul li:nth-child(4) { border-radius: 20px; } .fwzcB-c ul li:nth-child(1),.fwzcB-c ul li:nth-child(3) { border-radius: 20px; } }*/ @media(max-width: 500px){ .fwzcB-c ul li:nth-child(2) { margin-right:0%; } .fwzcB-c .con { top:20px; padding: 0 15px; } .fwzcB-c .con .t { font-size: 18px; } .fwzcB-c .con .c { font-size:14px; } .fwzcB-c .con a span { font-size:12px; padding-right: 20px; } .fwzcB-c .con a { padding: 8px 16px; } .fwzcB-c .con a span {background: url(../images/fwzc/more.png) no-repeat right center; background-size: 15px auto; } .fwzcB-c ul li:nth-child(2) .con a span,.fwzcB-c ul li:nth-child(4) .con a span { background: url(../images/fwzc/more2.png) no-repeat right center; background-size: 15px auto; } .fwzcB-c ul li:nth-child(4) .con .more span.colorWhite { background: url(../images/fwzc/more.png) no-repeat right center; background-size: 15px auto; } .fwzcB-c ul li { border-radius: 20px; } .fwzcB-c ul li:nth-child(2),.fwzcB-c ul li:nth-child(4) { border-top-left-radius:0; border-bottom-left-radius:0; } .fwzcB-c ul li:nth-child(1),.fwzcB-c ul li:nth-child(3) { border-top-right-radius:0; border-bottom-right-radius:0; } } @media(max-width: 380px){ .fwzcB-c .con { padding: 0 10px; } .fwzcB-c .con a span { font-size: 0.5vw; padding-right: 18px; } .fwzcB-c .con a { padding: 6px 12px; } .fwzcB-c .con .c { min-height: 46px; margin-bottom: 10px; } } .caseDetC dt { border-radius: 30px; background: linear-gradient(90deg, #00D9CC -18.59%, #00B3DA 10.44%, #0069FF 97.77%); } .caseDetC dd .t1 { position:relative; border-radius: 30px; border:1px solid #ededed; padding:30px 10px; float:left; text-align: center;font-size: 24px; color:#5C5C5C; font-weight: 500;line-height: 1.5; } .caseDetC dd .t1 .tt { position: absolute; width: 100%; left:0; top:50%; transform:translateY(-50%); font-size:32px; color:#333; } .caseDetC dd { margin-top: 24px; display:flex; flex-wrap:wrap; } .caseDetC dt .t1 { padding:25px 0; float:left; color: #FFF;text-align: center;font-size: 36px;font-weight: 500;line-height: 1; } .caseDetC dt .t1:nth-child(1) { width: 21%; margin-right:24px; } .caseDetC dt .t1:nth-child(2) { width: calc(45% - 24px); margin-right:24px; } .caseDetC dt .t1:nth-child(3) { width: calc(34% - 24px); padding-right: 10%; } .caseDetC dd .t1:nth-child(1) { width: 21%; margin-right:24px; } .caseDetC dd .t1:nth-child(2) { width: calc(45% - 24px); margin-right:24px; } .caseDetC dd .t1:nth-child(3) { width: calc(34% - 24px); } @media(max-width: 1900px){ .caseDetC dt { border-radius: 1.5vw; } .caseDetC dd .t1 { border-radius: 1.5vw; padding:1.5vw 10px; font-size: 22px; } .caseDetC dd .t1 .tt { font-size:28px; } .caseDetC dd { margin-top: 22px; } .caseDetC dt .t1 { padding:22px 0; font-size: 32px; } } @media(max-width: 1700px){ .caseDetC dt { border-radius: 1.5vw; } .caseDetC dd .t1 { border-radius: 1.5vw; padding:1.5vw 10px; font-size: 20px; } .caseDetC dd .t1 .tt { font-size:24px; } .caseDetC dd { margin-top: 20px; } .caseDetC dt .t1 { padding:20px 0; font-size: 28px; } } @media(max-width: 1500px){ .caseDetC dt { border-radius: 1.5vw; } .caseDetC dd .t1 { border-radius: 1.5vw; padding:1.5vw 10px; font-size: 18px; } .caseDetC dd .t1 .tt { font-size:22px; } .caseDetC dd { margin-top: 18px; } .caseDetC dt .t1 { padding:18px 0; font-size: 24px; } } @media(max-width: 1300px){ .caseDetC dt { border-radius: 1.5vw; } .caseDetC dd .t1 { border-radius: 1.5vw; padding:1.5vw 10px; font-size: 16px; } .caseDetC dd .t1 .tt { font-size:20px; } .caseDetC dd { margin-top: 16px; } .caseDetC dt .t1 { padding:16px 0; font-size: 22px; } } /* 标准语法 */ .layui-form input::placeholder { color: #D6D6D6; } .layui-form input::-webkit-input-placeholder, .layui-form input::-moz-placeholder, .layui-form input::-ms-input-placeholder { color: #D6D6D6; } .layui-form input,.homeH-d .inp input, .homeH-d .inp select { color:#333; } .productsF-d .con .swiper-wrapper { -webkit-transition-timing-function: linear; -ms-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } /*视频弹窗*/ .fixVideo { display: none; position: fixed; top:0; left:0;background: rgba(0,0,0,1);width: 100%;height: 100%;z-index: 1000; } .fixVideoA {width: 100%;height: 100%;position: relative; } .fixVideoB { position: absolute;width: 80%; max-width: 80%; border-radius: 10px; overflow: hidden; height: auto; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);background: #fff; } .fixVideoB .close { position: absolute; right:10px; top:10px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 40px; font-size: 30px; z-index: 10000;background: #fff; color:#999; border-radius:50%;} .fixVideoB .close:hover { color:#fff; background: #0069FF; } .fixVideo.videoSp .fixVideoB { max-width: 500px; } .bgF5 { background: #F5F5F7; } .caseY { margin: 0 auto; left:0; transform:translateX(0); width: 100%; max-width:100vw; } .caseY .layui-form-checkbox i { display:none; } .caseY .layui-input-block { margin-left:50px; } .caseY .layui-input-block .layui-form-checkbox {padding:0;} .caseY .layui-input-block .layui-form-checkbox span { height: 46px; line-height: 44px; padding: 0 32px; font-size:20px;color:#ADADAD; background: #fff; border:1px solid #ADADAD; border-radius:50px; } .caseY .layui-form-item .layui-form-checkbox { margin-top:3px; } .caseY .fixMesA-c ul li:last-child { position: relative; padding-left: 120px; } .caseY .fixMesA-c ul li:last-child:after { content:''; width: 1px; height: 36px; background: #adadad; position: absolute; left:0; top:50%; transform:translateY(-50%); } .caseY .layui-input-block .layui-form-checked span,.caseY .layui-input-block .layui-form-checked:hover span { color:#0069FF; border-color:#0069FF; } .caseY .fixMesA-c { width: 260px; } .caseY .layui-form-item { margin:0; } @media(max-width:1900px){ .caseY .layui-input-block .layui-form-checkbox span { padding: 0 30px; font-size:18px; } .caseY .fixMesA-c { width: 200px; } .caseY .fixMesA-c ul li:last-child { position: relative; padding-left: 60px; } } @media(max-width:1800px){ .caseY .layui-form-item .layui-form-checkbox { margin-top:7px; } .caseY .layui-input-block .layui-form-checkbox span { padding: 0 20px; font-size:16px; height: 38px; line-height: 36px; } .caseY .fixMesA-c { width: 200px; } .caseY .fixMesA-c ul li:last-child { position: relative; padding-left: 60px; } .fixVideo.videoSp .fixVideoB { max-width: 400px; } } @media(max-width:1500px){ .caseY .layui-form-item .layui-form-checkbox { margin-top:5px; } .caseY .layui-input-block .layui-form-checkbox span { padding: 0 16px; font-size:14px; height: 32px; line-height: 30px; } .caseY .fixMesA-c { width: 160px; } .caseY .fixMesA-c ul li:last-child { position: relative; padding-left: 40px; } .caseY .layui-input-block { margin-left: 30px; } .fixVideo.videoSp .fixVideoB { max-width: 300px; } } @media(max-width:1300px){ .caseY .fixMesA-a { font-size:16px; } .caseY .layui-form-item .layui-form-checkbox { margin-top:7px; } .caseY .layui-input-block .layui-form-checkbox span { padding: 0 14px; font-size:12px; height: 30px; line-height: 28px; } .caseY .fixMesA-c { width: 120px; } .caseY .fixMesA-c ul li:last-child { position: relative; padding-left: 30px; } .caseY .layui-input-block { margin-left: 20px; } } @media(max-width:1100px){ .fixVideo.videoSp .fixVideoB,.fixVideo .fixVideoB { width: 94%; max-width:100%; } } .caseBg .fixMesD-a .fixMesA .fixMesA-e .layui-input-block .layui-form-checked span, .caseBg .fixMesD-a .fixMesA .fixMesA-e .layui-input-block .layui-form-checked:hover span { background: #0069FF; color:#fff; } /*抖音页面新作*/ .dyBg { background: linear-gradient(181deg, #E4E4E4 0.58%, #EFEFEF 43.23%, #EAEAEA 67.68%, #EFEFEF 86.69%); } .dyBanner { padding:15vw 0 3vw; } .font96 { font-size:96px; } .font70 { font-size:70px; } .bold { font-weight:bold; } .dyBannerA-b { margin:80px 0 70px; } .dyBannerA-b img { display:inline-block; margin: 0 40px; } .mainMoreC { border:1px solid #000; background: none; color:#333; } .mainMoreC i { background: url(../images/dynew/morebg.png) no-repeat right center; } .mainMoreC:hover i { background: url(../images/jtmore.svg) no-repeat right center; } .mainMoreC:hover { border-color:#00CE9A; } @media(max-width: 1900px){ .font96 { font-size:5vw; } .font48 { font-size:2.4vw; } .font70 { font-size:3.6vw; } .dyBannerA-b img { width: 8vw; height: auto; margin: 0 2vw; } .dyBannerA-b { margin: 4vw 0 3.5vw; } } @media(max-width: 1100px){ .font96 { font-size:5vw; } .dyBannerA-b img { width: 70px; height: auto; margin: 0 15px; } .dyBannerA-b { margin: 30px 0 25px; } .dyBanner { padding: 120px 5vw 50px; } .font48 { font-size:28px; } } @media(max-width: 500px){ .font96 { font-size: 30px; } .font70 { font-size: 24px; } .font48 { font-size: 24px; } } .newDyA { padding: 0 3vw; } .newDyA ul li { position: relative; background: #fff; margin-top: 60px; } .newDyA-b { overflow: hidden; float:right; width: 50%; position: relative; } .newDyA-b .hyyxD-g { border-radius:2vw; width: 12vw; height: 24vw; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); } .newDyA-b .hyyxD-g ul li { margin-top:0!important; } .newDyA-a { position: absolute; left:0; top:45%; transform:translateY(-50%); width: 50%; padding: 0 5vw 0 5vw; } .newDyA-a .t { color:#333; } .newDyA-a .c { font-size:1.2vw; margin-top:24px; color:#666; line-height: 1.4; } .newDyA ul li:nth-child(2n) .newDyA-b { float:left; } .newDyA ul li:nth-child(2n) .newDyA-a { left:auto; right:0; padding: 0 5vw 0 4.5vw; } .newDyA-b:hover>img,.newDyB-e .img:hover>img { transform:scale(1.05); } .newDyA-b>img,.newDyB-e .img>img { transition: all 0.5s; } .newDyA-b .hyyxD-g .pic .img2 { width: 100%; text-align:center; } .newDyA-b .hyyxD-g .pic .img2 img { width: 98%; } /*.newDyB-b .hyyxD-g .pic .img2 { width: 100%; text-align:center; } .newDyB-b .hyyxD-g .pic .img2 img { width: 98%; }*/ @media(max-width:1500px){ .newDyA ul li { margin-top: 50px; } .newDyA-a .c { margin-top: 15px; } } @media(max-width:1300px){ .newDyA ul li { margin-top: 40px; } .newDyA-a .c { margin-top: 12px; } } @media(max-width:1100px){ .font30 { font-size:18px; } .newDyA ul li { margin-top: 30px; } .newDyA-b,.newDyA-a { float:left; width: 100%; position:relative; top:0; transform:translateX(0); } .newDyA-a,.newDyA ul li:nth-child(2n) .newDyA-a { padding: 20px 18px 30px; } .newDyA-b .hyyxD-g { border-radius:7vw; width: 50vw; height: 100vw; } .hyyxD-ga>img,.hyyxD-gb>img { width: 180%!important; height:auto; max-width:200%; } } .newDyB { padding: 10vw 3vw 11vw; } .newDyB-b { margin-top:80px; } .newDyB-c { display:flex; flex-wrap:wrap; } .newDyB-d { background: #fff; } .newDyB-d,.newDyB-e { width: calc(50% - 25px); position: relative; } .newDyB-d { padding:3.5vw 0 0 3vw; margin-right: 50px; } .newDyB-d .img { width: 14vw; position: absolute; top:50%; transform:translateY(-50%); right:7vw; } .newDyB-e .t { width: 100%; position: absolute; left:0; top:3.5vw; padding: 0 3vw; z-index: 3; } .newDyB-d .img .relative:before { content:''; position: absolute; right: -7vw; top:0; background: url(../images/dynew/imgbg.png) no-repeat right top; background-size: auto 100%; width: 16vw; height: 25vw; } .newDyB-d .img img { position: relative; z-index: 2; } .newDyB-c:nth-child(n+2) { margin-top: 50px; } .newDyB-c:nth-child(2n) .newDyB-d { float:right; margin-right:0; } .newDyB-c:nth-child(2n) .newDyB-e { float:left; margin-right:50px; } .newDyB-b .hyyxD-g { width:100%; height: 28.2vw; border-radius:2.5vw; } .newDyB-d .t,.newDyB-c .t { font-weight:bold; } @media(max-width:1500px){ .newDyB-b { margin-top: 4vw; } .newDyB-d,.newDyB-e { width: calc(50% - 15px); } .newDyB-d { margin-right: 30px; } .newDyB-c:nth-child(n+2) { margin-top: 30px; } .newDyB-c:nth-child(2n) .newDyB-d { float:right; margin-right:0; } .newDyB-c:nth-child(2n) .newDyB-e { float:left; margin-right:30px; } } @media(max-width:1100px){ .newDyB-b { margin-top: 30px; } .newDyB-d,.newDyB-e { width: 100%; margin-bottom:20px; } .newDyB-d { margin-right: 0; padding: 30px 20px 40px; } .newDyB-d .img { width: 40vw; position: relative; float:right; top:0; transform:translateY(0); right:5vw; } .newDyB-b .hyyxD-g { max-width:100%; width: 100%; height: 81vw; border-radius:6.8vw; } .newDyB-d .img .relative:before { width: 40vw; height: 60vw; } .newDyB-d .t { float:left; padding-top: 20px; } .newDyB-d .t,.newDyB-e .t { font-size: 3vw; } .newDyB-c:nth-child(n+2) { margin-top:0; } .newDyB-c:nth-child(2n) .newDyB-e { float:left; margin-right:0; } .newDyA-a .c { font-size: 18px; } } @media(max-width: 600px){ .newDyB-d,.newDyB-e { width: 100%; } .newDyB-d { margin-right: 0; margin-bottom:20px; padding: 30px 20px 40px; } .newDyB-d .img { width: 40vw; position: relative; float:right; top:0; transform:translateY(0); } .newDyB-d .img .relative:before { width: 40vw; height: 60vw; } .newDyB-d .t { float:left; padding-top: 20px; } .newDyB-d .t,.newDyB-e .t { font-size: 20px; line-height: 1.6; } .newDyB-e .t { top: 20px; padding: 0 20px; } .newDyA-a .c { font-size: 16px; } .newDyC ul li .c p { margin: 8px 0; } } @media(max-width: 400px){ .newDyB-d { padding: 30px 15px 30px; } .newDyB-d .t { float:left; padding-top: 10px; } .newDyB-d .t,.newDyB-e .t { font-size: 18px; } } .newDyD { padding:9.5vw 3vw 70px; } .newDyD-b { margin-top:80px; } .newDyD-b .img { display:inline-block; width: 135px; height: 135px; border-radius:50%; overflow: hidden; margin: 0 10px; } @media(max-width:1900px){ .newDyD-b { margin-top: 4vw; } } @media(max-width:1600px){ .newDyD-b .img { width: 120px; height: 120px; } } @media(max-width:1400px){ .newDyD-b .img { width: 100px; height: 100px; } } @media(max-width:1100px){ .newDyD-b { margin-top: 25px; } .newDyD-b .img { float:left; width: 33.3333%; height:auto; padding: 0 7px; margin:0; } .newDyD-b .img:nth-child(n+4) { margin-top: 15px; } .newDyD-b .img img { width: 60%; height: auto; } } .newDyE { padding: 0 13vw 6vw; } .newDyE-a ul { display:flex; flex-wrap:wrap; } .newDyE-a ul li { width:calc(50% - 25px); background: #fff; } .newDyE-a ul li:nth-child(2n) { margin-left: 50px; } .newDyE-a .con { padding:30px 60px 70px; } .newDyE-a .con1 { position: relative; } .newDyE-a .con1 span { position: absolute; top:50%; transform:translateY(-50%); right:0; } .newDyE-a .t1 { margin:20px 0 40px; } .newDyE-a .con2 .t { color:#666; margin-bottom: 20px; } @media(max-width:1900px){ .newDyE-a .con { padding:1.5vw 3vw 3.5vw; } .newDyE-a .t1 { margin:1vw 0 2vw; } .newDyE-a .con2 .t { margin-bottom: 1vw; } } @media(max-width:1500px){ .newDyE-a ul li { width:calc(50% - 15px); } .newDyE-a ul li:nth-child(2n) { margin-left: 30px; } .newDyE { padding: 0 10vw 6vw; } } @media(max-width:1100px){ .newDyE { padding: 0 5vw 60px; } .newDyE-a ul li { width: 100%; } .newDyE-a ul li:nth-child(2n) { margin-left: 0px; } .newDyE-a ul li:nth-child(n+2) { margin-top: 20px; } .newDyE-a .con { padding:15px 16px 24px; } .newDyE-a .t1 { margin:10px 0 16px; } .newDyE-a .con2 .t { margin-bottom: 12px; } } .newDyE-b { margin-top: 50px; } .newDyE-b ul { display:flex; flex-wrap:wrap; } .newDyE-b ul li { width:calc(50% - 25px); background: #fff; position: relative; } .newDyE-b ul li:nth-child(2n) { margin-left: 50px; } .newDyE-b .con { line-height: 86px; position: absolute; left: 0; top:0; padding:50px 60px 0; width: 100%; } .newDyE-b .con1 { position: relative; } .newDyE-b .con1 span { position: absolute; top:50%; transform:translateY(-50%); right:0; } .newDyE-b .con .tt { padding-left: 16px; } @media(max-width:1700px){ .newDyE-b .con { line-height: 76px; padding: 2.5vw 3vw 0; } .newDyE-b .con img { width: 76px; } } @media(max-width:1500px){ .newDyE-b .con { line-height: 66px; padding: 2.5vw 3vw 0; } .newDyE-b .con img { width: 66px; } .newDyE-b ul li { width:calc(50% - 15px); background: #fff; position: relative; } .newDyE-b ul li:nth-child(2n) { margin-left: 30px; } .newDyE-b { margin-top: 30px; } } @media(max-width:1100px){ .newDyE-b ul li { border-radius:4vw; width: 100%; } .newDyE-b ul li:nth-child(2n) { margin-left: 0px; } .newDyE-b ul li:nth-child(n+2) { margin-top: 20px; } .newDyE-b { margin-top: 20px; } } @media(max-width:600px){ .newDyE-b .con { line-height: 50px; padding: 2.5vw 5vw 0; } .newDyE-b .con img { width: 50px; } .newDyE-b .con .tt { padding-left: 10px; font-size:20px; } } .yingjianB { padding: 0 0 0 3vw; } .yingjianB-a ul { flex-wrap:nowrap; } .yingjianB-a ul li { position:relative; } .yingjianB-h { padding: 2.5vw 2vw 2vw; opacity: 0; transition: all 0.5s; position: absolute; left:0; top:0; width: 100%; height: 100%; background: #fff; } .yingjianB-h .t1 { font-weight:bold; } .yingjianB-h dl { margin-top:2vw; display:flex; flex-wrap:wrap; } .yingjianB-h dl dd { float:left; width: 40%; } .yingjianB-h dl dd:nth-child(2n-1) { width: 60%; padding-right: 10px; padding-left:0; } .yingjianB-h dl dd:nth-child(n+3) { margin-top:1vw; } .yingjianB-h dl dd .t { opacity: 0.8; color:#333; } .yingjianB-h dl dd .c { font-size:26px; color:#333; line-height: 1.5; margin-top: 8px; } .yingjianB-a ul li:hover .yingjianB-h { opacity: 1; } @media(max-width:2000px){ .yingjianB-h dl dd .c { font-size:1.4vw; } } @media(max-width:1100px){ .yingjianB-h { padding: 30px 18px 20px; } .yingjianB-a ul li:nth-child(n+2) { margin-top:0; } .yingjianB-h dl dd .c { font-size:20px; margin-top:3px; } .yingjianB-h dl dd:nth-child(n+3) { margin-top: 20px; } .yingjianB-h dl { margin-top: 30px; } } @media(max-width:450px){ .yingjianB-a ul li:nth-child(n+2) { margin-top:0; } .yingjianB-h dl dd .c { font-size:18px; margin-top:0px; } .yingjianB-h dl dd:nth-child(n+3) { margin-top: 18px; } .yingjianB-h dl { margin-top: 26px; } } .subB-b dl { clear: both; } .subB-b dl:after { clear: both; height: 0; content: ""; line-height: 0; font-size: 0; display: block; } .header .nav li { position: relative; } /*.header .nav li { position: initial; }*/ .header .nav li .subB { display:none; background: #fff; position: absolute; left:-30px; transform:translateX(0%); width: 100%; width:50vw; } .header .nav li:hover .subB { display:block; } .subB-a { text-align:center; text-align:left; padding: 0; background: rgba(244, 244, 244, 0.50); backdrop-filter: blur(20px); } .subB-a span { display:block; width: 100%; } .subB-a span>a { color: #333; display:block; background: #fff; padding: 20px 40px; font-size: 15px; } .subB-a span>a.cur,.subB-a span:hover>a { color:#0069FF; } .subB-b dl dd { padding-top: 10px; float:left; width: 13%; text-align:center; } .subB-b dl dd .img { margin:0 auto; width: 100%; height: 6vw; display:flex; justify-content: center; align-items:center; } .subB-b dl dd .img img { width: 50%; height: auto; } .subB-b dl dd .tit { font-size:18px;color:#333; margin-top:10px; } .subB-b dl dd .tit span { display:inline; width: auto; font-size:14px; position: relative; top: -10px; } .subB-b .container { width: 100%; } .subC { padding-left: 20px; } .subB-b { position: relative; left:0; width: 60vw; background: #fff; padding-bottom: 60px; display:none; } .subB-a span:hover .subB-b { display:block; background: rgba(244, 244, 244, 0.50); } .subB-a span .subB-b { display:block; } .subB-a span:hover>a { background: rgba(244, 244, 244, 0.50); } @media(max-width:1850px){ .subB-b dl dd { margin-top:0; padding-top:0; } .header .nav li .subB { width: 70vw;} .subB-b dl dd .img { height: 8vw; } .subB-b { padding-bottom: 3vw; } } @media(max-width:1500px){ .header .nav li .subB { left: -20px; } /*.subB-b dl dd { padding-top:15px; }*/ /*.subB-b dl dd .img { height: 18vw; }*/ .subB-b dl dd .tit { font-size:16px; } .subB-b dl dd .tit span { font-size:12px; } .subB-a>a { padding: 16px 0; margin: 0 30px; } .subB-b dl dd { width: 18%; } } .yingjianB-a .con>.t,.nMtitB .t2,.caseB-b .t,.caseB-b .c,.caseDetA-f .t { font-weight:bold; } .hyyxGAddA { overflow: hidden; position: relative; padding-left:39vw; } .hyyxGAdd-b { position: absolute; left:0; top:40%; transform:translateY(-50%); } .hyyxGAddB-b .swiper-container { overflow:visible; height: 47.6vw; float:left; width: 18.5vw; } .hyyxGAddB-b2,.hyyxGAddB-b1 { position: relative; float:left; overflow: hidden; width: 18.5vw; } .hyyxGAddB-b2 { padding-top: 8vw; float:right; } .hyyxGAddB-b1 { padding-bottom: 8vw; } /*.hyyxGAddB-b2 .swiper-container { padding-top: 5vw; }*/ .hyyxGAddB-b .imgA { position: relative; } .hyyxGAddB-b .imgA:before { z-index: 3; content:''; border-bottom-left-radius:4vw; border-bottom-right-radius:4vw; width: 100%; height: calc(80px + 50px); background: url(../images/hyyx/hyyxgbg.png) no-repeat center/cover; position: absolute; left:0; bottom:0; } .hyyxGAddB-b .img .t { z-index: 5; position: absolute; left:50%; transform:translateY(-50%); bottom: 40px; transform:translateX(-50%); text-align:center; border-radius: 51.3px; background: #0069FF; display:inline-block; font-size:14px;color:#fff; border-radius:50px; padding: 13px 0; width: 200px; font-size:19px; } .hyyxG-b { width: 100%; position: absolute; top:59%; transform:translateY(-50%); } .hyyxGAddB-b .swiper-wrapper { -webkit-transition-timing-function: linear; -ms-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .hyyxGAddA .hyyxGAddB-b:before,.hyyxGAddA .hyyxGAddB-b:after { content:''; width: 100%; height: 12vw; position: absolute; left:0; top:0; z-index: 3; } .hyyxGAddA .hyyxGAddB-b:before { background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); } .hyyxGAddA .hyyxGAddB-b:after { top:auto; bottom:0;background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); } /*.hyyxGAddA:before,.hyyxGAddA:after { content:''; width: 100%; height: 12vw; position: absolute; left:0; top:0; z-index: 3; } .hyyxGAddA:before { background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); } .hyyxGAddA:after { top:auto; bottom:0;background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); } */ @media(max-width:1300px){ .hyyxGAddB-b .swiper-container { height: 50vw; } .hyyxGAddB-b .swiper-container { width: 20vw; } } @media(max-width:1100px){ .hyyxGAddA { padding: 40px 0 50px; } .hyyxGAdd-b { position: relative; float:left; width: 100%; left:0; top:0; transform:translateY(0); } .hyyxGAddA { padding-left:0; } .hyyxGAddB-b .swiper-container { margin-top:20px; width: 100%; height: auto; } .hyyxGAddB-b .swiper-container .swiper-slide { width: 220px; } .hyyxGAddB-b .swiper-container .swiper-slide:nth-child(2n) { padding-top: 40px; } .hyyxGAddB-b .img .t { bottom: 24px; font-size:14px; padding: 10px 0; width: 150px; font-size:16px; } .hyyxGAddB-b .imgA:before { border-bottom-left-radius:40px; border-bottom-right-radius:40px; } .header { padding: 0 5vw; } } .aside-fixedRight {position: fixed;top: 74%;right: 0%;transform: translate(0%, -50%);background-color: #fff;z-index: 999;border: solid 1px #0069ff;border-radius: 12px;overflow: hidden;} .aside-fixedRight li {border-bottom: solid 1px #0069ff;text-align: center;} .aside-fixedRight li.no-bd {border-bottom: none;} .fl { float: left; } .aside-fixedRight li .name { color: #0069ff; font-family: PingFang-SC-Medium; font-size: 16px; } .aside-fixedRight li { height: 62px; line-height: 62px; padding-left: 20px; padding: 0 18px; } .aside-fixedRight li.on-line { cursor: pointer; } .aside-fixedRight li.on-line-dark { background-color: #0069ff; cursor: pointer; } .aside-fixedRight li.on-line-dark .name { color: #fff; } .aisde_fixedLeft { position: fixed; width: 60px; text-align: center; border: solid 1px #0069ff; background-color: #fff; z-index: 999; padding-top: 18px; line-height: 1; padding: 20px 0; border-radius: 6px; top: 74%; left: 0%; transform: translate(0%, -50%); } .aisde_fixedLeft a { font-size: 16px; color: #0069ff; font-family: PingFang-SC-Medium; } .aisde_fixedLeft img { width: 26px; display: block; margin: auto; margin-bottom: 10px; } .aside-fixedRight .asideRight-icon { width: 24px; margin-right: 10px; } .aside-fixedRight .asideRight-icon img { width:26px; vertical-align:middle; } .fixRight { z-index: 10; position: fixed; bottom: 10%; right: 10px; } .bannerCon.fixRight { position: absolute; } .fixRightT { padding: 8px 0 5px; text-align:center; background: #0069FF; border-radius: 3px; border-top-left-radius: 80px; border-top-right-radius: 80px; } .fixRightB { padding: 12px 10px 15px; background: #0069FF; border-radius: 3px; margin-top:15px; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; } .fixRightT span { display:inline-block; padding: 3px 0; border-radius:3px; margin-top:10px; font-size:14px;color:#0069FF; background: #fff; display:block; text-align:center; } .fixRightB-a { padding:20px 4px; text0-align:center; border-radius:90px; background: linear-gradient(0deg, #FFF -2.59%, rgba(255, 255, 255, 0.92) 90.13%);box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07)backdrop-filter: blur(2px); } .fixRightB-a .t { font-size:12px; color:#777; margin-top:6px; } .fixRightB-a ul li:nth-child(n+2) { margin-top: 20px; border-top:1px solid #E3E3E3; padding-top:10px; } .fixRightT .icon img { max-width: 74px; } .fixRight { width: 80px; } @media(max-width:1200px){ .fixRightT .icon { width: 100%; } .fixRightT .icon img { width: 100%; } .fixRightT span { width: 100%; font-size:12px; } .fixRight { width: 70px; } .fixRightT { padding: 12px 4px 2px; } .fixRightB { margin-top:8px; padding: 12px 10px 15px;} .fixRightB-a .t { font-size:12px; margin-top:8px; } .fixRightB-a ul li:nth-child(n+2) { margin-top: 15px; padding-top:10px; } .fixRightT .icon img { max-width: 66px; } .fixRightB-a { padding: 20px 0; max-width:60px; } .fixRightB-a .t { font-size: 12px; } } @media(max-width:1100px){ .fixRight { bottom:auto; top: 50%; transform:translateY(-50%); } .fixMesD-a { padding: 30px 5vw; } } .addFixMesA { border-radius: 30px; overflow: hidden; overflow-x:scroll; } .addFixMesA-a { min-width: 1000px; } .addFixMesA-a a { display:inline-block; padding: 8px 24px; border:1px solid #dedede; margin-right: 10px; border-radius:30px; } .addFixMesA-a a:hover,.addFixMesA-a a.cur { background: #0069FF; color:#fff; border-color:#0069FF; } .addFixMesA{ scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0); scrollbar-width: thin; -ms-overflow-style:none; } .addFixMesA::-webkit-scrollbar { width: 3px; height: 1px; } .addFixMesA::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: rgba(0,0,0,0); } .addFixMesA::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(0,0,0,0); } /*正餐解决方案*/ .solutions { background: linear-gradient(181deg, #E4E4E4 0.58%, #EFEFEF 43.23%, #EAEAEA 67.68%, #EFEFEF 86.69%); } .solutionA { padding: 140px 0; } .marginT50 { margin-top: 50px; } .marginT40 { margin-top: 40px; } .solutionA-b ul { display:flex; flex-wrap:wrap; } .solutionA-b ul li { background: #fff; float:left; width: calc(25% - 30px); margin-right: 40px; position: relative; transition:all 0.5s; top:0; } .solutionA-b ul li:hover { top: -10px; } .solutionA-b .con { padding: 20px 20px 30px; } .solutionA-b ul li:nth-child(4n) { margin-right:0; } @media(max-width: 1900px){ .marginT50 { margin-top: 2.6vw; } .marginT40 { margin-top: 2.2vw; } .solutionA { padding: 7vw 0; } } @media(max-width: 1500px){ .solutionA-b ul li { width:calc(25% - 21px); margin-right: 28px; } } @media(max-width: 1300px){ .solutionA-b ul li { width:calc(25% - 12px); margin-right: 16px; } } @media(max-width: 1100px){ .marginT50 { margin-top: 26px; } .marginT40 { margin-top: 22px; } .solutionA-b .con { padding: 15px 12px 20px; } .solutionA-b ul li { border-radius: 20px; overflow: hidden; } } @media(max-width: 900px){ .solutionA-b ul li { width:calc(50% - 8px); margin-right: 16px; } .solutionA-b ul li:nth-child(2n) { margin-right:0; } .solutionA-b ul li:nth-child(n+3) { margin-top:16px; } } @media(max-width: 700px){ .solutionA { padding: 40px 0 50px; } .solutionA-b .t { font-size:18px; } } @media(max-width: 400px){ .solutionA-b .t { font-size:16px; } } .alignR { text-align:right; } .solutionB { padding: 0 70px; } .solutionB-b { position: relative; padding: 12vw 0 4.2vw; background: url(../images/solutions/solutionbbg.png) no-repeat center 5.5vw #fff; background-size: 71% auto; } .solutionB-b .tit { position: absolute; width: 22vw; font-size: 30px!important; } .solutionB-b .tit.font32 { font-size:32px!important; } .solutionB-b .tit1 { left: 4vw; bottom: 8.3vw; } .solutionB-b .tit2 { left: 4vw; bottom: 20vw; } .solutionB-b .tit3 { left: 10vw; top: 7vw; } .solutionB-b .tit6 { right: 4vw; bottom: 8.3vw; } .solutionB-b .tit5 { right: 4vw; bottom: 19vw; } .solutionB-b .tit4 { right: 10vw; top: 7vw; } .solutionB-b .img { width: 35vw; height: auto; margin: 0 auto; } @media(max-width: 1900px){ .solutionB-b .tit { font-size: 1.5vw!important; } .solutionB-b .tit.font32 { font-size:1.6vw!important; } /*.solutionB-b .tit { font-size:1.6vw; }*/ } @media(max-width: 1100px){ .solutionB { padding: 0 5vw; } .solutionB .solutionA-a { padding:0; } .solutionB-b { background: none; padding:0; } .solutionB-b .img { width: 100%; } .solutionB-b ul li .tit { position: absolute; top:50%; transform:translateY(-50%); left:0; width: 100%; padding: 0 15px; bottom:auto; right: auto; text-align:center; } .solutionB-b ul li { float:left; position: relative; } .solutionB-b ul li { background: #fff; height: 90px; width: calc(50% - 8px); margin-right: 16px; margin-top:16px; border-radius:2vw; overflow: hidden; } .solutionB-b ul li:nth-child(2n) { margin-right:0; } .solutionB-b ul li:nth-child(n+5) { width: 100%; margin-right:0; } .solutionB-b .tit.font32 { font-size:20px!important; } } @media(max-width: 800px){ .solutionB-b .tit { font-size: 16px; line-height: 1.6; } .solutionB-b ul li { height: 100px; } .solutionB-b .tit.font32 { font-size:18px!important; } } @media(max-width: 540px){ .solutionB-b .tit { font-size: 14px; line-height: 1.6; } .solutionB-b .tit.font32 { font-size:18px!important; } .solutionB-b ul li { height: 100px; } } @media(max-width: 500px){ .solutionB-b .tit { font-size: 14px; line-height: 1.6; } .solutionB-b .tit.font32 { font-size:16px!important; } } @media(max-width: 400px){ .solutionB-b .tit { font-size: 12px; line-height: 1.6; } .solutionB-b .tit.font32 { font-size:14px!important; } .solutionB-b ul li { height: 100px; } } @media(max-width: 380px){ .solutionB-b .tit.font32 { font-size:12px!important; } } .solutionA-a { padding: 0 5vw; } .solutionC-b ul { display:flex; flex-wrap:wrap; } .solutionC-b ul li { background: #fff; float:left; width: calc(33.333% - 32px); margin-right: 48px; position: relative; top:0; transition:all 0.5s; } .solutionC-b .con { padding: 20px 20px 30px; } .solutionC-b ul li:hover { top: -10px; } .solutionC-b ul li:nth-child(3n) { margin-right:0; } .solutionC-c { padding:42px 40px; } @media(max-width: 1900px){ .solutionA { padding: 7vw 0; } .solutionC-c { padding: 2vw; } } @media(max-width: 1500px){ .solutionC-b ul li { width:calc(33.3333% - 20px); margin-right: 30px; } } @media(max-width: 1300px){ .solutionC-b ul li { width:calc(33.33333% - 16px); margin-right: 24px; } } @media(max-width: 1100px){ .solutionC-b .con { padding: 15px 12px 20px; } } @media(max-width: 900px){ .solutionC-b ul li { width:calc(50% - 8px); margin-right: 16px; } .solutionC-b ul li:nth-child(2n) { margin-right:0; } .solutionC-b ul li:nth-child(n+3) { margin-top:16px; } } @media(max-width: 700px){ .solutionA { padding: 40px 0 50px; } .solutionC-b .t { font-size:18px; } .solutionC-c { padding:24px 16px; } } @media(max-width: 400px){ .solutionC-b .t { font-size:16px; } } .solutionD-b { position: relative; background: #fff; } .solutionD-c { float:left; width: 49%; } .solutionD-d { width: 50%; position: absolute; right:0; top:50%; transform:translateY(-50%); padding: 0 140px; } .solutionD-d .tBox:nth-child(n+2) { margin-top:60px; } .solutionD-d .tBox .c { margin-top:20px; color:#5c5c5c; } .solutionD-d .tBox.cur .t,.solutionD-d .tBox.cur .c { color:#0069FF; } @media(max-width: 1900px){ .solutionD-d { padding: 0 7vw; } .solutionD-d .tBox:nth-child(n+2) { margin-top:3vw; } .solutionD-d .tBox .c { margin-top:15px; } } @media(max-width: 1800px){ .solutionD-c { width: 54%; } .solutionD-d { width: 46%; padding: 0 5vw; } .solutionD-d .tBox:nth-child(n+2) { margin-top:2vw; } .solutionD-d .tBox .c { margin-top:10px; } .solutionD-d .tBox.cur .t { font-size: 1.6vw; } } @media(max-width: 1100px){ .solutionD-b { background: none; border-radius:0; } .solutionD-h ul li { } /*.solutionD-h ul li:nth-child(n+2) { margin-top:30px; }*/ .solutionD-h .tit { background: url(../images/solutions/jia.png) no-repeat right center; padding: 10px 30px 10px 0; font-size: 16px;color:#333; } .solutionD-h ul li.cur .tit { background: url(../images/solutions/jian.png) no-repeat right center; } .solutionD-h .c { padding-bottom: 10px; font-size: 14px;color:#666; margin-top:10px; } .solutionD-h .con { display:none; font-size: 14px;color:#666; margin-top:10px; } /*.solutionD-h ul li.cur .con { display:block; }*/ } .solutionE-b .con .c { color:#333; max-width: 480px; } .solutionE-b .con .t { padding: 20px 0 12px; } .solutionE-b ul li { float:left; width: calc(50% - 20px); margin-right: 40px; } .solutionE-b ul li:nth-child(2n) { margin-right:0; } @media(max-width: 900px){ .solutionE-b ul li { width: 100%; margin-right: 0; } .solutionE-b ul li:nth-child(n+2) { margin-top:20px; } .solutionE-b .con .t { padding: 12px 0 6px; } } .solutionF-b { padding:80px 100px 90px; background: #fff; } .solutionF-b .c { } .solutionF-b .c span { border-radius: 50px; margin: 0 10px; display:inline-block; width: 180px; padding: 10px 0; background: #E0EEFF; font-size:20px; color:#0069FF; } .solutionF-d,.solutionF-e { margin-top:20px; } .solutionF-e { padding: 0 4vw; } .solutionF-e ul li { cursor: pointer; float:left; width: calc(33.3333% - 33px); margin-right: 44px; } .solutionF-e ul li:nth-child(3n) { margin-right:0; } .solutionF-e .line { width: 100%; height: 2px; background: #D6D6D6; position: relative; } .solutionF-e .t { margin:12px 0 6px; } .solutionF-e .c { width: 90%; color:#666; } .solutionF-e .line:after { content:''; width: 0; height: 2px; position: absolute; left:0; top:0; background: #0069FF; } .solutionF-e ul li.active .line:after { -webkit-animation: wit 5s infinite; animation: wit 5s infinite; box-sizing: border-box; animation-timing-function:linear; } .solutionF-d .swiper-container .swiper-pagination { opacity: 0; } @media(max-width: 1700px){ .solutionF-b { padding:4.2vw 5.2vw 4.6vw; } .solutionF-b .c span { width: 150px; font-size:18px; margin: 0 6px; } } @media(max-width: 1100px){ .solutionF-b { padding:30px 20px 40px; } .solutionF-b .c span { width: 120px; font-size:14px; padding: 6px 0; margin: 0 4px; } .solutionF-b .c { text-align:left; } .solutionF-b .c span { text-align:center; margin: 0 10px 10px 0; } .solutionF-b { padding:0px 0 40px; background: none; } .solutionF-h .t { margin:20px 0 10px; } .solutionF-d .swiper-container { padding-bottom: 50px; } .solutionF-d .swiper-container .swiper-pagination { text-align:left; opacity: 1; } .solutionF-d .swiper-container .swiper-pagination .swiper-pagination-bullet { float:none; border-radius:50px; width: 6px; height: 6px;; margin:0 15px 0 15px; position: relative; } .solutionF-d .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #0069ff; } .solutionF-d .swiper-container .swiper-pagination .swiper-pagination-bullet:before { content:''; opacity: 0; width: 24px; transition:all 0; height: 24px; top: 50%; left:50%; transform:translate(-50%, -50%); border:1px solid #0069ff; position: absolute; background: none; border-radius:50%; } .solutionF-d .swiper-container .swiper-pagination .swiper-pagination-bullet-active:before { opacity: 1; width: 24px; transition:all 0; } .solutionD-j { margin-top:20px; } } @media(max-width: 600px){ .solutionF-b .c span { font-size:13px; width: 110px; margin: 0 5px 10px 0; } .solutionF-d { margin-top:10px; } } @media(max-width: 400px){ .solutionF-b .c span { font-size:12px; width: 100px; } } .solutionG-f { padding: 0 5vw; } .solutionG-b { position: relative; } .solutionG-c { float:left; width: calc(51% - 90px); position: absolute; left:0; top:50%; transform:translateY(-50%); } .solutionG-d { float:right; width: 49%; } .solutionG-c ul li:nth-child(n+2) { margin-top: 50px; } .solutionG-c .t { position: relative; color:#858585; } .solutionG-c .c { margin-top:10px; color:#ADADAD; } .solutionG-c ul li { cursor: pointer; } .solutionG-c ul li.cur .t { color:#0069FF; } .solutionG-c ul li.cur .c { color:#333333; } .solutionG-c .t:after { content:''; width: 50px; height: 48px; position: absolute; right:0; top:0; background: url(../images/solutions/jth.svg) no-repeat right center; } .solutionG-c ul li.cur .t:after { background: url(../images/solutions/jtl.svg) no-repeat right center; } @media(max-width:1500px){ .solutionG-c .t:after { height: 32px; } .solutionG-f { padding: 0; } .solutionG-c { width: calc(51% - 4.6vw); } } .solutionH-a { display:flex; flex-wrap:wrap; } .solutionH-b { float:left; position: relative; width: 36%; } .solutionH-c { float:right; width: 64%; } .solutionH-b .t { position: absolute; top:50%; left:0; transform:translateY(-50%); width: 100%; padding: 0 100px; } .marginT80 { margin-top: 80px; } .solutionH .solutionC-b .c { margin: 10px 0 15px; } .solutionH .solutionC-b .cc span { display:inline-block; padding: 6px 20px; font-size:20px;color:#0069FF; background: #E0EEFF; border-radius: 50px; } @media(max-width:1900px){ .marginT80 { margin-top: 4.2vw; } .solutionH-b .t { padding: 0 5vw; } } @media(max-width:1700px){ .solutionH .solutionC-b .cc span { font-size:18px;padding: 5px 16px; } } @media(max-width:1500px){ .solutionH .solutionC-b .cc span { font-size:16px;padding: 4px 12px; } } @media(max-width:1100px){ .marginT80 { margin-top: 25px; } .solutionH-c,.solutionH-b { width: 100%; } .solutionH-b { position: relative; min-height: 160px; } .solutionH-b .t { padding: 0 20px; } .solutionH .solutionC-b ul li { width: 100%; margin-right:0; } .solutionH .solutionC-b ul li:nth-child(n+2) { margin-top: 20px; } } @media(max-width: 600px){ .solutionH-b { position: relative; min-height: 120px; } } /*首页*/ .bgF4 { background: #F4F4F6!important; } .homeAdd ul { display:flex; flex-wrap:wrap; } .homeAdd ul li { float:left; width: calc(33.3333% - 36px); margin-right: 54px; } .homeAdd ul li a { display:block; padding:40px 30px; } .homeAdd ul li .c { font-size:18px; line-height: 1.6; height: 80px; margin-top:10px; color:#5c5c5c; } .homeAdd ul li:nth-child(3n) { margin-right:0; } .homeAdd ul li:nth-child(1) { background: url(../images/solutions/homeadd1.png) no-repeat right bottom #ffffff; background-size: auto 4.5vw; } .homeAdd ul li:nth-child(2) { background: url(../images/solutions/homeadd2.png) no-repeat right bottom #ffffff; background-size: auto 4.5vw; } .homeAdd ul li:nth-child(3) { background: url(../images/solutions/homeadd3.png) no-repeat right bottom #ffffff; background-size: auto 4.5vw; } .homeAdd ul li:nth-child(1):hover { background: url(../images/solutions/homeadd1bg.png) no-repeat right bottom #E0EEFF; background-size: auto 4.5vw; } .homeAdd ul li:nth-child(2):hover { background: url(../images/solutions/homeadd2bg.png) no-repeat right bottom #E0EEFF; background-size: auto 4.5vw; } .homeAdd ul li:nth-child(3):hover { background: url(../images/solutions/homeadd3bg.png) no-repeat right bottom #E0EEFF; background-size: auto 4.5vw; } .homeAdd ul li .more { display:inline-block; padding: 5px 30px; border:1px solid #0069FF; color:#0069FF; border-radius: 50px; } .homeAdd ul li:hover .more { background: #0069FF; color:#fff; } .homeAdd ul li:hover .t { color:#0069FF; } @media(max-width:1900px){ .homeAdd ul li a { padding:2.2vw 1.6vw; } .homeAdd ul li .c { height: 110px; } .homeAdd ul li { float:left; width: calc(33.3333% - 1.6vw); margin-right: 2.4vw; } } @media(max-width:1500px){ .homeAdd ul li .c { height: 100px; font-size:16px; } } @media(max-width:1100px){ .homeAdd ul li .c { height: auto; margin-bottom: 15px; font-size:16px; } .homeAdd ul li a { padding: 20px 15px; } .homeAdd ul li { width: 100%; margin-right:0; } .homeAdd ul li:nth-child(n+2) { margin-top:20px; } .homeAdd ul li:nth-child(1) { background: url(../images/solutions/homeadd1.png) no-repeat right bottom #ffffff; background-size: auto 10vw; } .homeAdd ul li:nth-child(2) { background: url(../images/solutions/homeadd2.png) no-repeat right bottom #ffffff; background-size: auto 10vw; } .homeAdd ul li:nth-child(3) { background: url(../images/solutions/homeadd3.png) no-repeat right bottom #ffffff; background-size: auto 10vw; } .homeAdd ul li:nth-child(1):hover { background: url(../images/solutions/homeadd1.png) no-repeat right bottom #E0EEFF; background-size: auto 10vw; } .homeAdd ul li:nth-child(2):hover { background: url(../images/solutions/homeadd2.png) no-repeat right bottom #E0EEFF; background-size: auto 10vw; } .homeAdd ul li:nth-child(3):hover { background: url(../images/solutions/homeadd3.png) no-repeat right bottom #E0EEFF; background-size: auto 10vw; } } /*2024-01-29 新增快餐解决方案*/ .fastFoot { background: linear-gradient(181deg, #E4E4E4 0.58%, #EFEFEF 43.23%, #EAEAEA 67.68%, #EFEFEF 86.69%); } .fastFootA { padding:3.5vw 0; } .fastFootZ { padding-top: 7vw; } .fastFootA-b { position: relative; } .fastFootA-c { width: calc(52% - 100px); position: absolute; top: 50%; transform:translateY(-50%); } .fastFootA-c ul li:nth-child(n+2) { margin-top: 4vw; } .fastFootA-c ul li .t { transition:all 0.5s; color:#858585; } .fastFootA-c ul li .c { transition:all 0.5s; color:#ADADAD; margin-top:15px; } .fastFootA-c ul li:hover .t { color:#0069ff; } .fastFootA-c ul li:hover .c { color:#333333; } .fastFootA-c ul li.cur .t { color:#0069ff; } .fastFootA-c ul li.cur .c { color:#333333; } .fastFootA-d { width: 48%; } @media(max-width: 1100px){ .fastFootA-d { width: 100%; } .fastFootA-c { width: 100%; position: relative; top: auto; transform:translateY(0); margin-bottom: 30px; } } @media(max-width: 600px){ .fastFootA-c ul li .c { margin-top:10px; } } .fastFootB-b { padding: 3.6vw 5vw; } .fastFootB-b img { max-width:78%; } .fastFootB-c img { max-width:65%; } @media(max-width: 600px){ .fastFootA { padding:20px 0 25px; } .fastFootZ { padding-top: 40px; } .fastFootB-b img { max-width: 100%; } .fastFootB-c img { max-width: 100%; } .font36 { font-size:20px; } .font32 { font-size:18px!important; } .fastFootB-b.marginT50 { margin-top: 20px; } .fastFootB-b { padding: 30px 20px; } } .fastFootE-a ul li { float:left; transition:all 0.5s; top:0; width: calc(25% - 90px); margin-right: 120px; position: relative; } .fastFootE-a ul li:nth-child(4) { margin-right:0; } .fastFootE-a ul li:nth-child(2n-1) { padding-top: 4.4vw; } .fastFootE-a ul li:before { opacity: 0; transition:all 0.5s; content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0,0,0,0.5); border-radius: 3vw; } .fastFootE-a ul li .img { position: relative; } .fastFootE-a ul li .img:before { opacity: 0; transition:all 0.5s; content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0,0,0,0.5); border-radius: 3vw; } .fastFootE-a ul li:hover { top: -10px; } .fastFootE-a ul li .ewm { opacity: 0; transition:all 0.5s; width: 90%; max-width:160px; position: absolute; left:50%; top: 50%; transform:translate(-50%, -50%); padding:5px; border-radius: 5px; background: #fff; z-index: 5; overflow: hidden; } .fastFootE-a ul li .ewm .tit { padding-bottom: 20px; } .fastFootE-a ul li:hover .ewm,.fastFootE-a ul li:hover:before { opacity: 1; } .fastFootE-a2 ul li:hover:before { display:none; } .fastFootE-a2 ul li:hover .img:before { opacity: 1; } .fastFootE-b ul { display:flex; flex-wrap:wrap; } .fastFootE-b ul li { padding:45px; width: calc(33.333% - 34px); float:left; margin-right: 51px; position: relative; top:0; transition:all 0.5s; } .fastFootG-b ul li { position: relative; top:0; transition:all 0.5s; } .fastFootE-b ul li:hover,.fastFootG-b ul li:hover { top: -10px; } .fastFootE-b ul li:nth-child(1) { background: #202020; } .fastFootE-b ul li:nth-child(2) { background: #FFF; } .fastFootE-b ul li:nth-child(3) { margin-right:0; background: #0069FF; } .fastFootE-b ul li:nth-child(1) .t,.fastFootE-b ul li:nth-child(1) .c { color:#fff; } .fastFootE-b ul li:nth-child(3) .t,.fastFootE-b ul li:nth-child(3) .c { color:#fff; } .fastFootE-b .c { font-size:16px; margin-top:15px; line-height: 1.8; } .font21 { font-size:21px; } .font18 { font-size: 18px; } @media(max-width: 1900px){ .font21 { font-size:20px; } .fastFootE-a ul li { float:left; width: calc(25% - 4.2vw); margin-right: 5.6vw; } .fastFootE-a ul li:nth-child(4) { margin-right:0; } } @media(max-width: 1600px){ .font21 { font-size: 18px; } .font18 { font-size: 17px; } .fastFootE-b ul li { padding:36px; width: calc(33.333% - 20px); float:left; margin-right: 30px; } } @media(max-width: 1400px){ .font21 { font-size:17px; } .font18 { font-size: 16px; } .fastFootE-b ul li { padding:25px; width: calc(33.333% - 16px); float:left; margin-right: 24px; } } @media(max-width: 1100px){ .font21 { font-size: 16px; } .font18 { font-size: 15px; } .fastFootE-a ul li { float:left; width: calc(50% - 20px); margin-right: 40px; } .fastFootE-a ul li:nth-child(2n) { margin-right:0; } .fastFootE-a ul li:nth-child(n+3) { margin-top: 40px; } .fastFootE-b ul li { padding:25px 20px; width: 100%; float:left; margin-right: 0; } .fastFootE-b ul li:nth-child(n+2) { margin-top: 20px; } .fastFootE-a ul li:before { border-radius: 7vw; } } @media(max-width: 600px){ .fastFootE-a ul li { float:left; width: calc(50% - 10px); margin-right: 20px; } .fastFootE-a ul li:nth-child(2n) { margin-right:0; } .fastFootE-a ul li:nth-child(n+3) { margin-top: 20px; } } .fastFootF-b { padding:60px 100px; } .fastFootF-b .font21 { color:#5C5C5C; } .fastFootF-c { margin: 0 auto 20px; max-width: calc(100% - 60px); } .fastFootF-d ul li { width: 380px; float:left; text-align:left; margin-right: calc(50% - 550px); } .fastFootF-d ul li:nth-child(3) { width: 340px; margin-right:0; } .fastFootF-d .c { margin-top: 15px; } @media(max-width:1900px){ .fastFootF-b { padding: 3vw 5vw; } .fastFootF-d ul li { width: 380px; margin-right: calc(50% - 540px); } .fastFootF-d ul li:nth-child(3) { width: 320px; } } @media(max-width:1600px){ .fastFootF-d ul li { width: 250px; margin-right: calc(50% - 390px); } .fastFootF-d ul li:nth-child(3) { width: 280px; } } @media(max-width:1100px){ .fastFootF-c { max-width: 100%; } .fastFootF-d ul li { width: 100%; margin-right: 0; } .fastFootF-d ul li:nth-child(3) { width: 100%; } .fastFootF-d ul li:nth-child(n+2) { margin-top: 25px; } .fastFootF-d .c { margin-top: 10px; } } @media(max-width: 600px){ .fastFootF-b { padding: 30px 20px; } } .fastFootG-b ul { display:flex; flex-wrap:wrap; } .fastFootG-b ul li { float:left; width: calc(50% - 25px); margin-right:50px; } .fastFootG-b ul li:nth-child(2n) { margin-right:0; } .fastFootG-b ul li:nth-child(n+3) { margin-top: 80px; } .fastFootG-b .t { margin:20px 0 12px; } .fastFootG-b .c { max-width: 450px; line-height: 1.6; } @media(max-width: 1900px){ .fastFootG-b ul li:nth-child(n+3) { margin-top: 4vw; } } @media(max-width: 1400px){ .fastFootG-b .t { margin: 15px 0 8px; } .fastFootG-b ul li { width: calc(50% - 15px); margin-right:30px; } } @media(max-width: 800px){ .fastFootG-b .t { margin: 12px 0 8px; } .fastFootG-b ul li { width: 100%; margin-right:0; } .fastFootG-b ul li:nth-child(n+2) { margin-top: 20px; } } .fastFootH-b .solutionF-e .c2 { margin-top:12px; } /*饮品解决方案*/ .drink { background: linear-gradient(181deg, #E4E4E4 0.58%, #EFEFEF 43.23%, #EAEAEA 67.68%, #EFEFEF 86.69%); } .drinkA-a { float:left; } .drinkA-b { float:right; } .drinkA-c { float:left; width: 100%; } .productsB-d.drinkA-a .swiper-container { padding-bottom:0; } .drinkA-b { position: relative; padding-bottom:0px; } .drinkA-b .swiper-pagination { width: 80%; text-align:right; bottom: -120px; } .drinkA-b .swiper-pagination .swiper-pagination-bullet { transition:all 0.5s; position: relative; background: #fff; opacity: 1; margin: 0 10px; background: none; } .drinkA-b .swiper-pagination .swiper-pagination-bullet:after { transition:all 0.5s; content:''; width: 0; height: 0; border-radius:50%; border:1px solid #0069FF; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity: 0; } .drinkA-b .swiper-pagination .swiper-pagination-bullet-active { background: #0069FF; } .drinkA-b .swiper-pagination .swiper-pagination-bullet-active:after { width: 36px; height: 36px; opacity: 1; } .drinkA-b .swiper-pagination .swiper-pagination-bullet { width: 36px; height: 36px; margin:0 5px!important; position:relative;background: none; opacity: 1; } .drinkA-b .swiper-pagination .swiper-pagination-bullet:before { content:''; width: 8px; height:8px; border-radius:10px; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); background: #fff; } .drinkA-b .swiper-pagination .swiper-pagination-bullet-active:before { background: #0069FF; } .drinkB-b { width: 43%; } .drinkB-c { position: absolute; right:0; top:50%; transform:translateY(-50%); width: calc(57% - 100px); } .drinkB-c ul li { position: relative; padding: 36px; top:0; transition:all 0.5s; width: calc(50% - 20px); margin-right: 40px; float:left; } .drinkB-c ul li:nth-child(2n) { margin-right:0; } .drinkB-c ul li:nth-child(n+3) { margin-top: 40px; } .drinkB-c ul li .icon { position: absolute; right:0; bottom: -30px; right: 10px; } .drinkB-c ul li:hover { top: -10px; } @media(max-width: 1900px){ .drinkB-c ul li { padding: 2vw; width: calc(50% - 1vw); margin-right: 2vw; } .drinkB-c { width: calc(57% - 5vw); } .drinkB-c ul li:nth-child(2n) { margin-right:0; } .drinkB-c ul li:nth-child(n+3) { margin-top: 2vw; } .drinkB-c ul li .icon { width: 6vw; bottom: -1.5vw; right: 5px; } } @media(max-width: 1100px){ .drinkB-b { width: 100%; } .drinkB-c ul li { padding: 2vw; width: calc(50% - 15px); margin-right: 30px; } .drinkB-c { width: 100%; position: relative; top:0; transform:translateY(0); margin-top: 30px; float:left; } .drinkB-c ul li:nth-child(2n) { margin-right:0; } .drinkB-c ul li:nth-child(n+3) { margin-top: 30px; } .drinkB-c ul li .icon { width: 60px; bottom: -10px; right: 5px; } } @media(max-width: 800px){ .drinkB-c ul li { padding: 20px 15px; width: calc(50% - 6px); margin-right: 12px; } .drinkB-c { margin-top: 20px; } .drinkB-c ul li:nth-child(n+3) { margin-top: 12px; } .drinkB-c ul li .icon { width: 60px; bottom: -10px; right: 5px; } } @media(max-width: 500px){ .drinkB-c ul li { padding: 15px 15px; } .drinkB-c ul li .icon { width: 50px; bottom: -10px; right: 5px; } } @media(max-width: 400px){ .drinkB-c ul li { width: 100%; margin-right: 0; } .drinkB-c ul li:nth-child(n+2) { margin-top: 12px; } } .drinkB-a .tit { padding: 42px; position: absolute; left: 50%; transform:translateX(-50%); bottom: 20px; width: calc(100% - 80px); border-radius: 35.556px; background: rgba(61, 61, 61, 0.50); backdrop-filter: blur(2px); } @media(max-width: 1900px){ .drinkB-a .tit { padding:2.2vw; border-radius: 1.5vw; } } @media(max-width: 1100px){ .drinkB-a .tit { padding: 30px 20px; border-radius: 18px; width: calc(100% - 40px); } } @media(max-width: 800px){ .drinkB-a .tit { padding: 20px 20px; border-radius: 18px; width: calc(100% - 40px); } } @media(max-width: 600px){ .drinkB-a .tit { padding: 15px 12px; border-radius: 12px; width: calc(100% - 30px); bottom: 12px; } } @media(max-width: 400px){ .drinkB-a .tit { font-size:16px; padding: 10px 12px; border-radius: 12px; width: calc(100% - 30px); bottom: 12px; } } .drinkE-b ul li:nth-child(2n-1) { padding-top:0; } /*.drinkC-c { display:flex; flex-wrap:wrap; }*/ .drinkC-c { position: relative; } .drinkC-d { float:left; width: 41%; position: absolute; left:0; top:50%; transform:translateY(-50%); padding: 0 80px; } .drinkC-d .con p { line-height: 1.6; margin-top: 70px; } .drinkC-e { padding: 80px 0 100px; float:right; width: 59%; background: url(../images/drink/drinkf.png) no-repeat center/cover; } .drinkC-e .swiper-wrapper { -webkit-transition-timing-function: linear; -ms-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .drinkC-f { padding:0 30px; } .drinkC-e .swiper-wrapper .swiper-slide:nth-child(2n) { padding-top:90px; } .drinkC-f .tit { margin-top:20px; } @media(max-width: 1900px){ .drinkC-d { padding: 0 4vw; } .drinkC-d .con p { margin-top: 3.5vw; } .drinkC-e { padding: 4vw 0 5vw; } .drinkC-f { padding:0 1.5vw; } .drinkC-e .swiper-wrapper .swiper-slide:nth-child(2n) { padding-top: 4.5vw; } .drinkC-f .tit { margin-top:20px; } .drinkC-d .topImg img { height: 80px; width: auto; display:inline-block; margin-right: 10px; } } @media(max-width: 1500px){ .drinkC-d .topImg img { height: 70px; width: auto; display:inline-block; margin-right: 10px; } .drinkC-f .tit { margin-top:15px; } } @media(max-width: 1100px){ .drinkC-d { padding: 30px 20px; width: 100%; position: relative; top:0; transform:translateY(0); } .drinkC-e { width: 100%; padding: 30px 0; } .drinkC-d .topImg img { height: 60px; } .drinkC-f .tit { margin-top:15px; } } .drinkE-e { overflow: hidden; } .drinkE-a { width: 100%; padding-left:0; } .drinkE .hyyxGAddB-b { float:left;width: 33.3333%; padding: 0 4vw; } .drinkE .hyyxGAddB-b1 { padding-top: 0vw; } .drinkE .hyyxGAddB-b2 { padding-top: 20vw; } .drinkE .hyyxGAddB-b3 { padding-top: 10vw; } .drinkE .drinkE-a .hyyxGAddB-b:before {background: linear-gradient(180deg, #efefef 0%, rgba(228, 228, 228, 0.00) 100%);} .drinkE .drinkE-a .hyyxGAddB-b:after { background: linear-gradient(0deg, #efefef 0%, rgba(228, 228, 228, 0.00) 100%); } /**2024-2-29**/ @media(max-width:1100px) { .solutionA.mb .swiper-wrapper { flex-wrap: initial; } .solutionA.mb ul li { margin-top: 0 !important; } .borderRadius40 { border-radius: 20px; } .fastFootE-a ul li:nth-child(2n-1) { padding-top: 0; } .fastFootE-a ul li:nth-child(n+3) { margin-top: 0; } .fastFootY .mb ul { flex-wrap: initial; } .fastFootG-b ul li:nth-child(n+2) { margin-top: 0; } } h1, h2 { font-size: 40px !important; }