/*indexBanner */ /* 固定顶栏占位，避免广告组顶部被遮挡 */ #section-home { position:relative; width:100%; margin-top: var(--page-header-offset, 110px); margin-bottom: 3vh; overflow:hidden; } #section-home .site-advert-banner, #section-home .advert-carousel { width:100%; max-width:100%; height:auto; overflow:hidden; } #section-home .advert-carousel__slide img { width:100%; height:auto; display:block; object-fit:cover; } #section-home .container-caroussel {position:relative;height:100%;min-height:700px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-bg {position:absolute;top:0;left:0;width:100%;height:100vh;min-height:700px;overflow:hidden} #section-home .container-caroussel .container-bg:after {content:'';position:absolute;z-index:2;width:100%;height:20vh;max-height:calc(100vh - 700px);background-color:#fff;left:0;bottom:0;will-change:transform;-webkit-transform:translateZ(0) translateY(100%);-ms-transform:translateZ(0) translateY(100%);transform:translateZ(0) translateY(100%);-webkit-transition:all 1s cubic-bezier(0,.785,0,1);-o-transition:all 1s cubic-bezier(0,.785,0,1);transition:all 1s cubic-bezier(0,.785,0,1)} #section-home .container-caroussel .container-bg.show:after {-webkit-transform:translateZ(0) translateY(0%);-ms-transform:translateZ(0) translateY(0%);transform:translateZ(0) translateY(0%)} #section-home .container-caroussel .container-bg .bg {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} /* #section-home .container-caroussel .container-bg .bg-filter {background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1;opacity:1} */ /* #section-home .container-caroussel .container-bg .bg.bg-qonto {background:-webkit-gradient(linear,left top,right top,from(#5041B2),to(#7969E6));background:-webkit-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:-o-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:linear-gradient(90deg,#5041B2 0%,#7969E6 100%)} #section-home .container-caroussel .container-bg .bg.bg-marks {background:-webkit-gradient(linear,left top,right top,from(#FD8355),color-stop(37.02%,#F0576C),to(#F79CBD));background:-webkit-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:-o-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:linear-gradient(90deg,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%)} */ #section-home .container-caroussel .container-bg .bg.bg-lecollectionist {background:-webkit-gradient(linear,left top,right top,from(#5041B2),to(#7969E6));background:-webkit-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:-o-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:linear-gradient(90deg,#5041B2 0%,#7969E6 100%)} #section-home .container-caroussel .container-bg .bg.bg-qonto {background:-webkit-gradient(linear,left top,right top,from(#FD8355),color-stop(37.02%,#F0576C),to(#F79CBD));background:-webkit-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:-o-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:linear-gradient(90deg,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%)} /* #section-home .container-caroussel .container-bg .bg.bg-chauffeurprive {background:-webkit-gradient(linear,left top,right top,from(#CE0C2A),to(#DC6C7F));background:-webkit-linear-gradient(left,#CE0C2A 0%,#DC6C7F 100%);background:-o-linear-gradient(left,#CE0C2A 0%,#DC6C7F 100%);background:linear-gradient(90deg,#CE0C2A 0%,#DC6C7F 100%)} */ #section-home .container-caroussel .container-bg .bg.bg-marks {background:-webkit-gradient(linear,right top,left top,from(#FAF0E7),to(#EFE5DC));background:-webkit-linear-gradient(right,#FAF0E7 0%,#EFE5DC 100%);background:-o-linear-gradient(right,#FAF0E7 0%,#EFE5DC 100%);background:linear-gradient(270deg,#FAF0E7 0%,#EFE5DC 100%)} #section-home .container-caroussel .container-bg .bg.bg-orangelabs {background:-webkit-gradient(linear,right top,left top,from(#F0613C),to(#F0783C));background:-webkit-linear-gradient(right,#F0613C 0%,#F0783C 100%);background:-o-linear-gradient(right,#F0613C 0%,#F0783C 100%);background:linear-gradient(270deg,#F0613C 0%,#F0783C 100%)} #section-home .container-caroussel .container-bg .bg.bg-mondocteur {background-color:#ff6c75} #section-home .container-caroussel .container-bg .bg.show {opacity:1} #section-home .container-caroussel .container-text {width:40%;position:absolute;z-index:2;top:calc(50% + 40px);right:50%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-text.container-text2{ left: -117%; right: 0; width: 120%; top: calc(50% + -28px); } #section-home .container-caroussel.show-qonto .container-text,#section-home .container-caroussel.show-qonto .container-text a {color:#fff} #section-home .container-caroussel.show-lecollectionist .container-text,#section-home .container-caroussel.show-lecollectionist .container-text a {color:#fff} /* #section-home .container-caroussel.show-chauffeurprive .container-text,#section-home .container-caroussel.show-chauffeurprive .container-text a {color:#fff} */ #section-home .container-caroussel.show-marks .container-text,#section-home .container-caroussel.show-marks .container-text a {color:#363f54} #section-home .container-caroussel.show-orangelabs .container-text,#section-home .container-caroussel.show-orangelabs .container-text a {color:#fff} #section-home .container-caroussel.show-mondocteur .container-text,#section-home .container-caroussel.show-mondocteur .container-text a {color:#fff} #section-home .container-caroussel .container-text>p:nth-child(1) {opacity:0;font-family:National-Regular;font-size:16px;margin-bottom:8px;position:relative;display:inline-block;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-text>p.show:nth-child(1) {opacity:.5} #section-home .container-caroussel .container-text>p:nth-child(1):before {content:'';position:absolute;top:50%;right:calc(100% + 11px);height:1px;width:19px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel.show-qonto .container-text>p:nth-child(1):before {background-color:#fff} #section-home .container-caroussel.show-lecollectionist .container-text>p:nth-child(1):before {background-color:#fff} /* #section-home .container-caroussel.show-chauffeurprive .container-text>p:nth-child(1):before {background-color:#fff} */ #section-home .container-caroussel.show-marks .container-text>p:nth-child(1):before {background-color:#363f54} #section-home .container-caroussel.show-orangelabs .container-text>p:nth-child(1):before {background-color:#fff} #section-home .container-caroussel.show-mondocteur .container-text>p:nth-child(1):before {background-color:#fff} #section-home .container-caroussel .container-text>p:nth-child(2) { font-family: Source Han Sans CN;;font-size:48px;font-weight: bold;height: 56px;} #section-home .container-caroussel .container-text>p:nth-child(3) { font-family: Source Han Sans CN;font-size:48px;font-weight: bold;height: 56px;} #section-home .container-caroussel .container-text>p:nth-child(2) span,#section-home .container-caroussel .container-text>p:nth-child(3) span {white-space:pre;display:inline-block;opacity:0;will-change:transform;-webkit-transform:translateZ(0) translateY(-100px);-ms-transform:translateZ(0) translateY(-100px);transform:translateZ(0) translateY(-100px);-webkit-transition:all .5s cubic-bezier(.045,.855,.1,.955);-o-transition:all .5s cubic-bezier(.045,.855,.1,.955);transition:all .5s cubic-bezier(.045,.855,.1,.955)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(1) {-webkit-transform:translateY(-100px) translateX(-100px);-ms-transform:translateY(-100px) translateX(-100px);transform:translateY(-100px) translateX(-100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(1) {opacity:1;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(3) {-webkit-transform:translateY(-170px) translateX(100px);-ms-transform:translateY(-170px) translateX(100px);transform:translateY(-170px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(3) {opacity:1;-webkit-transform:translateY(-170px);-ms-transform:translateY(-170px);transform:translateY(-170px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(5) {-webkit-transform:translateY(-50px) translateX(50px);-ms-transform:translateY(-50px) translateX(50px);transform:translateY(-50px) translateX(50px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(5) {opacity:1;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(7) {-webkit-transform:translateY(-20px) translateX(100px);-ms-transform:translateY(-20px) translateX(100px);transform:translateY(-20px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(7) {opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(9) {-webkit-transform:translateY(-70px) translateX(40px);-ms-transform:translateY(-70px) translateX(40px);transform:translateY(-70px) translateX(40px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(9) {opacity:1;-webkit-transform:translateY(-70px);-ms-transform:translateY(-70px);transform:translateY(-70px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(9) {-webkit-transform:translateY(-90px) translateX(60px);-ms-transform:translateY(-90px) translateX(60px);transform:translateY(-90px) translateX(60px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(11) {opacity:1;-webkit-transform:translateY(-90px);-ms-transform:translateY(-90px);transform:translateY(-90px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(1) {-webkit-transform:translateY(100px) translateX(-100px);-ms-transform:translateY(100px) translateX(-100px);transform:translateY(100px) translateX(-100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(1) {opacity:1;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(3) {-webkit-transform:translateY(170px) translateX(100px);-ms-transform:translateY(170px) translateX(100px);transform:translateY(170px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(3) {opacity:1;-webkit-transform:translateY(170px);-ms-transform:translateY(170px);transform:translateY(170px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(5) {-webkit-transform:translateY(50px) translateX(50px);-ms-transform:translateY(50px) translateX(50px);transform:translateY(50px) translateX(50px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(5) {opacity:1;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(7) {-webkit-transform:translateY(20px) translateX(100px);-ms-transform:translateY(20px) translateX(100px);transform:translateY(20px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(7) {opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(9) {-webkit-transform:translateY(70px) translateX(-40px);-ms-transform:translateY(70px) translateX(-40px);transform:translateY(70px) translateX(-40px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(9) {opacity:1;-webkit-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(11) {-webkit-transform:translateY(140px) translateX(-80px);-ms-transform:translateY(140px) translateX(-80px);transform:translateY(140px) translateX(-80px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(11) {opacity:1;-webkit-transform:translateY(140px);-ms-transform:translateY(140px);transform:translateY(140px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(13) {-webkit-transform:translateY(60px) translateX(-80px);-ms-transform:translateY(60px) translateX(-80px);transform:translateY(60px) translateX(-80px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(13) {opacity:1;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(15) {-webkit-transform:translateY(100px) translateX(-60px);-ms-transform:translateY(100px) translateX(-60px);transform:translateY(100px) translateX(-60px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(15) {opacity:1;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)} #section-home .container-caroussel .container-text.slide-2>p:nth-child(2) span,#section-home .container-caroussel .container-text.slide-2>p:nth-child(3) span,#section-home .container-caroussel .container-text.show>p:nth-child(2) span,#section-home .container-caroussel .container-text.show>p:nth-child(3) span {-webkit-transition:all .75s cubic-bezier(.045,.855,.1,.955);-o-transition:all .75s cubic-bezier(.045,.855,.1,.955);transition:all .75s cubic-bezier(.045,.855,.1,.955);opacity:1;-webkit-transform:translateZ(0px) translateY(0px);-ms-transform:translateZ(0px) translateY(0px);transform:translateZ(0px) translateY(0px)} #section-home .container-caroussel .container-text .btn {padding:15px 20px;border-radius:3px;display:inline-block;text-decoration:none;margin-top:50px;cursor:pointer;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-text>.btn.show {opacity:1} /* #section-home .container-caroussel.show-qonto .container-text .btn,#section-home .container-caroussel.show-marks .container-text .btn,#section-home .container-caroussel.show-mondocteur .container-text .btn,#section-home .container-caroussel.show-orangelabs .container-text .btn,#section-home .container-caroussel.show-chauffeurprive .container-text .btn {background-color:rgba(255,255,255,.2)} */ #section-home .container-caroussel.show-qonto .container-text .btn,#section-home .container-caroussel.bg.show-lecollectionist .container-text .btn,#section-home .container-caroussel.show-mondocteur .container-text .btn,#section-home .container-caroussel.show-orangelabs .container-text .btn,#section-home .container-caroussel.show-lecollectionist .container-text .btn {background-color:rgba(255,255,255,.2)} #section-home .container-caroussel.bg.show-marks .container-text .btn {background-color:rgba(0,0,0,.2)} #section-home .container-caroussel .container-text .btn p { font-family: Source Han Sans CN;font-size:18px;font-weight: bold;} #section-home .container-caroussel .wrapper-container-el {z-index:2;position:absolute;top:calc(50% + 40px);left:50%;width:35%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} #section-home .container-caroussel .wrapper-container-el .container-el {position:relative} #section-home .container-caroussel>.btn {position:absolute;z-index:2;top:50%;right:60px;height:35px;width:35px;border-radius:30px;cursor:pointer;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel>.btn.show {opacity:1} /* #section-home .container-caroussel.show-qonto>.btn,#section-home .container-caroussel.show-marks>.btn,#section-home .container-caroussel.show-chauffeurprive>.btn,#section-home .container-caroussel.show-orangelabs>.btn,#section-home .container-caroussel.show-mondocteur>.btn {background-color:rgba(255,255,255,.2)} */ #section-home .container-caroussel.show-qonto>.btn,#section-home .container-caroussel.show-lecollectionist>.btn,#section-home .container-caroussel.show-orangelabs>.btn,#section-home .container-caroussel.show-mondocteur>.btn {background-color:rgba(255,255,255,.2)} #section-home .container-caroussel.show-marks>.btn {background-color:rgba(54,63,84,.2)} #section-home .container-caroussel>.btn .arrow {stroke:none!important;height:10px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel>.btn .progress {position:absolute;top:50%;left:50%;height:38px;width:38px;-webkit-transform:translate(-50%,-50%) rotate(-90deg);-ms-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)} #section-home .container-caroussel>.btn .progress circle:nth-child(1) {fill:none!important;stroke-width:4px;stroke-dasharray:339.292;stroke-dashoffset:339.292;-webkit-transition:stroke-dashoffset 0s ease;-o-transition:stroke-dashoffset 0s ease;transition:stroke-dashoffset 0s ease} #section-home .container-caroussel>.btn .progress.active circle:nth-child(1) {-webkit-transition:stroke-dashoffset 6s linear;-o-transition:stroke-dashoffset 6s linear;transition:stroke-dashoffset 6s linear;stroke-dashoffset:0} #section-home .container-caroussel.show-qonto>.btn .arrow,#section-home .container-caroussel.show-qonto>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel.show-lecollectionist>.btn .arrow,#section-home .container-caroussel.show-lecollectionist>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel.show-marks>.btn .arrow,#section-home .container-caroussel.show-marks>.btn .progress circle {fill:#20242e;stroke:#20242e} /* #section-home .container-caroussel.show-chauffeurprive>.btn .arrow,#section-home .container-caroussel.show-chauffeurprive>.btn .progress circle {fill:#fff;stroke:#fff} */ #section-home .container-caroussel.show-marks>.btn .arrow,#section-home .container-caroussel.show-marks>.btn .progress circle {fill:#20242e;stroke:#20242e} #section-home .container-caroussel.show-orangelabs>.btn .arrow,#section-home .container-caroussel.show-orangelabs>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel.show-mondocteur>.btn .arrow,#section-home .container-caroussel.show-mondocteur>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel .container-ms {position:absolute;z-index:1;left:50%;bottom:38px;opacity:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-ms.show {opacity:1} #section-home .container-caroussel .container-ms svg {height:30px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel.show-qonto .container-ms svg {fill:#fff} #section-home .container-caroussel.show-lecollectionist .container-ms svg {fill:#fff} /* #section-home .container-caroussel.show-chauffeurprive .container-ms svg {fill:#fff} */ #section-home .container-caroussel.show-marks .container-ms svg {fill:#363f54} #section-home .container-caroussel.show-orangelabs .container-ms svg {fill:#fff} #section-home .container-caroussel.show-mondocteur .container-ms svg {fill:#fff} #section-home .container-ms svg path:nth-child(1) {opacity:.3} #section-home .container-ms svg path:nth-child(2) {animation:containerMsScroll 3s ease infinite;-webkit-animation:containerMsScroll 3s ease infinite} @keyframes containerMsScroll {0% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)} 100% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} } @-webkit-keyframes containerMsScroll {0% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)} 100% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} } #section-contact {position:relative;padding:50px 0 200px;text-align:center;z-index:2;opacity:0;-webkit-transition:opacity 700ms cubic-bezier(.694,0,.335,1);-o-transition:opacity 700ms cubic-bezier(.694,0,.335,1);transition:opacity 700ms cubic-bezier(.694,0,.335,1)} #section-contact.reach {opacity:1} #section-contact .container-text {display:inline-block;vertical-align:middle;width:485px;padding-left:95px;text-align:left} #section-contact .container-text h2 {color:#363f54;font-family:National-Bold;font-size:42px;line-height:51px;margin-bottom:34px;position:relative} #section-contact .container-text h2:before {content:'';height:3px;width:60px;border-radius:2px;background-color:#2884f6;position:absolute;top:23px;right:calc(100% + 35px);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform .75s cubic-bezier(.77,0,.23,1.005);-o-transition:transform .75s cubic-bezier(.77,0,.23,1.005);-webkit-transition:-webkit-transform .75s cubic-bezier(.77,0,.23,1.005);transition:-webkit-transform .75s cubic-bezier(.77,0,.23,1.005);transition:transform .75s cubic-bezier(.77,0,.23,1.005);transition:transform .75s cubic-bezier(.77,0,.23,1.005),-webkit-transform .75s cubic-bezier(.77,0,.23,1.005)} #section-contact.reach .container-text h2:before {-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} #section-contact .container-text p {color:#8a99c0;font-family:National-Regular;font-size:24px;line-height:42px} #section-contact .container-action {display:inline-block;vertical-align:middle;width:485px} #section-contact .container-action a {text-decoration:none;display:inline-block;position:relative} #section-contact .container-action a .btn {position:relative;display:block;height:100px;width:100px;margin:auto} #section-contact .container-action a .btn:before {content:'';position:absolute;top:50%;left:50%;height:100%;width:100%;border-radius:100px;background-color:#2884f6;-webkit-box-shadow:0 2px 14px 0 rgba(0,0,0,.2);box-shadow:0 2px 14px 0 rgba(0,0,0,.2);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:transform 500ms cubic-bezier(0,.785,0,1);-o-transition:transform 500ms cubic-bezier(0,.785,0,1);-webkit-transition:-webkit-transform 500ms cubic-bezier(0,.785,0,1);transition:-webkit-transform 500ms cubic-bezier(0,.785,0,1);transition:transform 500ms cubic-bezier(0,.785,0,1);transition:transform 500ms cubic-bezier(0,.785,0,1),-webkit-transform 500ms cubic-bezier(0,.785,0,1)} #section-contact .container-action a:hover .btn:before {-webkit-transform:translate(-50%,-50%) scale(.9);-ms-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)} #section-contact .container-action a .btn svg {height:18px;fill:#fff;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} #section-contact .container-action a .text {width:100%;display:block;white-space:nowrap;text-align:center;margin-top:15px} #section-contact .container-action a .text p {color:#363f54;font-family:National-Bold;font-size:14px;display:inline-block;vertical-align:middle} #section-contact .container-action a .text .arrow {fill:#363f54;height:8px;display:inline-block;vertical-align:middle;margin-left:9px} #section-pr-1,#section-pr-2 {position:relative;text-align:center} /*全昂整合营销思路*/ .ind_box2{ overflow:hidden; padding:30px 0 70px;} .w1400{width: 100%;max-width: 1400px; margin: 0 auto;} .ind_box2 .ind_tit{font-size: 48px;font-weight: 800; color: #323655; padding-top: 20px;} .ind_box2 .pc_ul{ width:100%; display:flex; margin-top:30px;} .ind_box2 .pc_ul li{ width:25%;} .ind_box2 .pc_ul li .tit{ height:23px; font:normal 15px/22px; text-align:center; position:relative;} .ind_box2 .pc_ul li .tit div{ width:300px; height:45px; background:#ededed; border-radius:10px; position:absolute; z-index:2; left:50%; top:0; transform:translateX(-50%); display:flex; align-items:center; justify-content:center;} .ind_box2 .pc_ul li .img{ width:328px; margin:0 auto; background:#ffffff; border:1px solid #ededed; box-sizing:border-box;} .ind_box2 .pc_ul li .img .box{ overflow:hidden; position:relative;} .ind_box2 .pc_ul li .img .box .box1{ position:absolute; z-index:2; left:0; top:0;} .ind_box2 .pc_ul li .img .box .box2{ position:absolute; z-index:3; left:0; top:0;} .ind_box2 .pc_ul li .img .box .box3{ position:absolute; z-index:3; left:0; top:0;} .ind_box2 .pc_ul li .con{ width:328px; margin:0 auto; background:#ffffff; border:1px solid #ededed; border-top:0!important; position:relative; padding:15px 13px 15px 35px; box-sizing:border-box;} .ind_box2 .pc_ul li .con .zm{ position:absolute; z-index:2; right:15px; top:15px; width:48px; height:48px; border:1px solid #ededed; border-radius:50%; text-align:center; font:normal 30px/48px; color:#ededed;} .ind_box2 .pc_ul li .con .con1 h3{ font:normal 26px/36px; color:#e24652;} .ind_box2 .pc_ul li .con .con1 h3 span{ font:normal 13px/20px; color:#a0a0a0; position:absolute; left:-25px; top:53px; transform:rotate(-90deg);} .ind_box2 .pc_ul li .con .con1 h3 span em{ margin-left:10px; font-size:14px; } .ind_box2 .pc_ul li .con .con1 h4{ font:normal 18px/24px; color:#a0a0a0;} .ind_box2 .pc_ul li .con .con2{ padding-top:10px; font:normal 18px/32px;} .ind_box2 .pc_ul li .con .con3{ height:75px; font:normal 13px/25px; color:#a0a0a0;} .ind_box2 .pc_ul li:hover .con .zm{ color:#e0030e; font:bold 30px/48px;} .ind_box2 .pc_ul li:nth-child(2) .tit div{ background:#c7c7c7;} .ind_box2 .pc_ul li:nth-child(2) .img{ border:1px solid #c7c7c7;} .ind_box2 .pc_ul li:nth-child(2) .con{ border:1px solid #c7c7c7;} .ind_box2 .pc_ul li:nth-child(3) .tit div{ background:#8e8e8e; color:#ffffff;} .ind_box2 .pc_ul li:nth-child(3) .img{ border:1px solid #8e8e8e;} .ind_box2 .pc_ul li:nth-child(3) .con{ border:1px solid #8e8e8e;} .ind_box2 .pc_ul li:nth-child(4) .tit div{ background:#333333; color:#ffffff; text-align:left;} .ind_box2 .pc_ul li:nth-child(4) .img{ border:1px solid #333333;} .ind_box2 .pc_ul li:nth-child(4) .con{ border:1px solid #333333;} .ind_box2 .pc_ul li:nth-child(1):hover .img{ box-shadow:0 0 10px #ededed;} .ind_box2 .pc_ul li:nth-child(1):hover .con{ box-shadow:0 0 10px #ededed;} .ind_box2 .pc_ul li:nth-child(2):hover .img{ box-shadow:0 0 10px #c7c7c7;} .ind_box2 .pc_ul li:nth-child(2):hover .con{ box-shadow:0 0 10px #c7c7c7;} .ind_box2 .pc_ul li:nth-child(3):hover .img{ box-shadow:0 0 10px #8e8e8e;} .ind_box2 .pc_ul li:nth-child(3):hover .con{ box-shadow:0 0 10px #8e8e8e;} .ind_box2 .pc_ul li:nth-child(4):hover .img{ box-shadow:0 0 10px #333333;} .ind_box2 .pc_ul li:nth-child(4):hover .con{ box-shadow:0 0 10px #333333;} /*全网整合营销思路*/ .service_brief{ background-color: #F4F7FB; padding-top: 18px; overflow: hidden; position: relative; } .service_brief .logo_text{ position: absolute; font-size: 180px; font-family: BebasNeue; font-weight: 400; color: #dedede; line-height: 150px; opacity: .25; } .service_brief .tit{ font-size: 48px; font-family: PingFang SC; font-weight: 800; color: #323655; padding-top: 70px; } .service_brief .tit span{ color: #FB6A73; } .service_brief .text{ font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #999999; margin-top: 4px; } .service_tabCon { margin-top: 36px; height: 700px; overflow: hidden; } .service_tabCon .con{ width: 1720px; overflow: hidden;margin:0 auto; } .service_tabCon .service-menu{ position: absolute; z-index: 2; width: 100%; left: 0; } .service_tabCon .service-menu ul{ font-size: 0; margin: 0 -48px; } .service_tabCon .service-menu ul li{ display: inline-block; color: #2C323C; font-size: 24px; width: 250px; height: 108px; background-color: #FFFFFF; cursor: pointer; font-size: 14px; font-family: PingFang SC; font-weight: bold; color: #B1B1B1; margin: 0 7px; position: relative; transition: background-color .8s; -webkit-transition: background-color .8s; -moz-transition: background-color .8s; -ms-transition: background-color .8s; -o-transition: background-color .8s; } .service_tabCon .service-menu ul li .desc{ margin-left: 72px; margin-right: 5px; margin-top:40px; } .service_tabCon .service-menu ul li span{ display: block; font-size: 24px; font-family: Microsoft JhengHei; font-weight: bold; color: #363F54; margin-bottom: 12px; /* transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; */ } .service_tabCon .service-menu ul li .icon{ position: absolute; width: 36px; height: 36px; left: 28px; top:37px; background: url(../image/ser-icon222.png) no-repeat; } .service_tabCon .service-menu ul li .icon1{ background-position: 4px 0; } .service_tabCon .service-menu ul li .icon2{ background-position: -38px -1px; } .service_tabCon .service-menu ul li .icon3{ background-position: -80px -1px; } .service_tabCon .service-menu ul li .icon4{ background-position: -121px -3px; } .service_tabCon .service-menu ul li .icon5{ background: url(../images/ind_ser_ico05.png) no-repeat; background-size: 35px; } .service_tabCon .service-menu ul li.cur .icon1{ background-position:4px -45px; } .service_tabCon .service-menu ul li.cur .icon2{ background-position: -38px -45px; } .service_tabCon .service-menu ul li.cur .icon3{ background-position: -85px -45px; } .service_tabCon .service-menu ul li.cur .icon4{ background-position: -121px -45px; } .service_tabCon .service-menu ul li.cur{ background: linear-gradient(90deg, #ED5E75, #F79BBC); box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2); color: #fff; } .service_tabCon .service-menu ul li.cur.nth2{ background: linear-gradient(90deg, #4E40AF, #6252C7, #7767E2); } .service_tabCon .service-menu ul li.cur span{ color: #fff; } .service_brief .service-list{ height: 650px; overflow: hidden; } .service_brief .service-list a{display: block;width:100%;height:100%;} .service-list .tit22{ padding-top: 146px; font-size: 30px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .service-list .btns_ibox { margin-top: 30px; margin-bottom: 8px; } .service-list .btns{ width: 145px; height: 40px; background-color: #FFFFFF; border-radius: 20px; line-height: 40px; text-align: center; float: left; margin-right: 10px; transition: all 1s; cursor: pointer; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; } .service-list .btns:hover{ background: linear-gradient(90deg, #ED5E75, #F79BBC); color: #fff !important; } .service-list.service-list2 .btns:hover{ background: linear-gradient(90deg, #4E40AF, #6252C7, #7767E2);; } .service-list .recommend{width: 560px;margin-left: 68px;} .service-list .recommend .tit2{ padding-bottom: 10px; border-bottom: 1px solid #8f83d5; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; margin-bottom: 20px; } .service-list .recommend .lists { margin: 0 -10px; } .service-list .recommend .item{ width: 50%; } .service-list .recommend .item a{ display: block; margin: 0 10px; } .service-list .recommend .text{ font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; padding-top: 5px; transition: color 1s; -webkit-transition: color 1s; -moz-transition: color 1s; -ms-transition: color 1s; -o-transition: color 1s; } .service-list .recommend .imgs{ width: 100%; overflow: hidden; } .service-list .recommend .imgs img{ width: 100%; transition: transform 1.4s; -webkit-transition: transform 1.4s; -moz-transition: transform 1.4s; -ms-transition: transform 1.4s; -o-transition: transform 1.4s; } .service-list .recommend .item:hover .imgs img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .service-list .recommend .item:hover .text{ color: #FD6B74; } .service-list .recommend.recommend2 .item:hover .text{ color: #4E40AF; } .service-desc-ibox .left{margin-top: 30px;} .service-desc-ibox .service-question{ width: 567px; border-top: 1px dashed #857cc1; } .service-desc-ibox .service-question .title{ font-size: 16px; font-family: Microsoft YaHei UI; font-weight: 300; position: relative; color: #FFFFFF; } .service-desc-ibox .service-question li{ border-bottom: 1px dashed #857cc1; padding: 16px 0px; cursor: pointer; } .service_brief .service-main .service-list2 li{ border-bottom: 1px dashed #f58698; } .service-list .recommend2 .tit2{ border-bottom: 1px solid #e47a8b; } .service_brief .service-list2 .service-question{ border-top: 1px dashed #f58698; } .service-desc-ibox .service-question .add-icon { position: absolute; right: 0; top: -16px; width: 40px; height: 53px; cursor: pointer; } .service-desc-ibox .icon { position: absolute; left: 0; top: 0; width: 23px; height: 23px; } .service-desc-ibox .service-question span{ display: block; margin-left: 34px; } .service-desc-ibox .subnav{ font-size: 14px; font-family: Microsoft YaHei UI; font-weight: 300; color: #FFFFFF; line-height: 24px; margin-left: 34px; margin-top: 8px; opacity: .6; filter:alpha(opacity=60); -webkit-filter:alpha(opacity=60); display: none; } .service-desc-ibox li.active .subnav{ display: block; } .service_brief .service-main{ margin-top: 50px !important; } .supervise_ibox { padding-bottom: 145px; padding-top: 100px; } .supervise_ibox .tit{ font-size: 72px; font-family: PingFang SC; font-weight: 800; color: #363F54; line-height: 78px; } .supervise_ibox .tit p{font-size: 48px;} .supervise_ibox .con{ float:none; margin:0 auto; } .supervise_ibox .tit span{ color: #FB6A73; } .supervise_ibox .text{ line-height: 33px; font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #363F54; margin-top: 22px; margin-bottom: 60px; } .supervise_ibox .logo-text{ font-size: 180px; font-family: BebasNeue; font-weight: bold; color: #F7F7F8; line-height: 140px; } .supervise_ibox .left{ position: relative; width: 654px; } .supervise_mobile{ position: absolute; bottom: -50px; left: 90px; } .supervise_mobile .imgss{ position: absolute; left: 215px; top: 22px; width: 34%; } .supervise_ibox .right{ position: absolute; right: 20px; top: 16px; width: 870px; } .supervise-titles{ display: flex; margin: 0 0 20px; padding: 0; list-style: none; } .supervise-titles li{ flex: 1; width: 270px; height: 100px; margin: 0 15px 0 0; text-align: center; color: #fff; position: relative; } .supervise-titles li:last-child{ margin-right: 0; } .supervise-titles li.tit1{ background: #FB6A73; } .supervise-titles li.tit2, .supervise-titles li.tit3{ background: #6353C9; } .supervise-titles li .inner{ position: absolute; left: 0; right: 0; bottom: 16px; width: 100%; } .supervise-titles li.tit2 .inner, .supervise-titles li.tit3 .inner{ bottom: 12px; } .supervise-titles li .inner img{ display: block; margin: 0 auto 6px; max-height: 28px; } .supervise-titles li span{ display: block; font-size: 16px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; margin-bottom: 8px; } .supervise-titles li.tit2 span, .supervise-titles li.tit3 span{ padding-top: 8px; margin-bottom: 0; } .supervise-titles li .btn a{ display: block; width: 130px; height: 32px; border: 1px solid #fdc3c7; border-radius: 16px; line-height: 32px; margin: 0 auto; color: #fff; } .supervise-titles li .btn a:hover{ color: #fff !important; } .supervise-carousel{ position: relative; padding: 0; } .supervise-carousel .swiper-supervise{ width: 100%; overflow: hidden; } .supervise-card{ width: 100%; height: 509px; overflow: hidden; background: #fff; border-radius: 16px; padding: 10px; box-sizing: border-box; } .supervise-card img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; } /* 指示灯：对齐 /sem/ baidu 聊天截图轮播样式，放在列表下方 */ .supervise-carousel .supervise-pagination{ position: static; margin-top: 28px; width: 100%; font-size: 0; text-align: center; } .supervise-carousel .supervise-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 13px; opacity: 1; background: #e3e3e3; position: relative; vertical-align: middle; } .supervise-carousel .supervise-pagination .swiper-pagination-bullet:after{ display: block; content: ""; width: 16px; height: 16px; border: 1px solid #e3e3e3; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; } .supervise-carousel .supervise-pagination .swiper-pagination-bullet-active{ width: 12px; height: 12px; background: #F20058; } .supervise-carousel .supervise-pagination .swiper-pagination-bullet-active:after{ width: 24px; height: 24px; border-color: #f20058; margin-left: -13px; margin-top: -13px; } .inabout{ position: relative; overflow: hidden; } .inabout .inabout-ibox{ width: 100%; position: sticky; left: 0; top: 0; } .inabout2 .inabout-part2,.inabout2 .inabout-part1{ position: relative; } .inabout2 .inabout-part1{ height: 100vh; background-repeat: no-repeat; background-attachment:fixed; background-position: center; background-size: 100%; } .inabout.inabout2 .about-txt{ top: 80px; font-size: 46px; text-align: center; } .inabout .inabout-part1,.inabout .inabout-part3{ opacity: 1; } .inabout.active .inabout-part1,.inabout.active .inabout-part3{ opacity: 0; width: 100%; } /* .inabout .inabout-part2{ opacity: 0; } */ .inabout.active .inabout-part2{ opacity: 1; background-color: #313554; } .inabout .about-num{ width: 520px; height: 276px; background: #292c46; border-radius: 0px 0px 20px 20px; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -260px; -webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; -ms-border-radius: 0px 0px 20px 20px; -o-border-radius: 0px 0px 20px 20px; } .inabout .about-num p{ text-align: center; font-size: 44px; font-family: PingFang SC; font-weight: 800; color: #FFFFFF; height: 110px; line-height: 110px; position: relative; } .inabout .about-num p i{ position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #FFFFFF; opacity: 0.1; } .inabout ul { font-size: 0; text-align: center; position: absolute; width: 100%; left: 0; top: 270px; box-sizing: border-box; padding: 0 40px; } .inabout ul li{ display: inline-block; width: 20%; position: relative; } .inabout ul li .title{ font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; opacity: 0.6; } .inabout ul li span{ font-size: 110px; font-family: 'AG'; font-weight: 400; line-height: 122px; color: #FB6A74; } .inabout ul li i.dot{ width: 20px; height: 20px; position: absolute; left: 50%; margin-left: -22px; background-color: #FB6A74; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .inabout ul li .timer22{ margin-right: 20px; } .inabout ul li .timer223{ margin-left: 20px; } .inabout ul li i.dot1{ top: 38px; } .inabout ul li i.dot2{ top: 76px; } .inabout ul li em{ font-size: 24px; font-family: PingFang SC; font-weight: 800; color: #FB6A74; } .inabout .about-txt{ font-size: 20px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; line-height: 36px; position: absolute; top: 394px; width: 1210px; left: 50%; margin-left: -605px; } .inabout .about-txt p{ margin-bottom: 60px; } .inabout a.chakan{ font-size: 18px; font-family: Microsoft JhengHei; font-weight: 400; text-decoration: underline; color: #FFFEFE; text-align: center; display: block; margin: 0 auto; position: absolute; left: 50%; width: 340px; margin-left: -120px; bottom: -100%; } .inabout.active a.chakan{ bottom: 310px; } .inabout a.chakan img{ margin-right: 5px; width: 40px; } .inabout .dataStatistics2{ position: absolute; right: 34px; top: 12px; background-color: #2f3351; overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .inabout .dataStatistics3{ position: absolute; left: 34px; top: 12px; background-color: #2f3351; overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .inabout .dataStatistics3.dataStatistics .set_last .digit.active .digit_bottom{ left: 4px; } .inabout .dataStatistics3.dataStatistics .digit.active .digit_top, .inabout .dataStatistics2.dataStatistics .digit.active .digit_top{ left: .6px; } .dataStatistics .digit_set{ left: 6px; } .dataStatistics .digit_set.set_last{ left: -9px; } .inabout .about-num-box{ position: relative; } .inabout .about-num-box .num{ width: 147px; height: 138px; background: #2f3351; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; text-align: center; margin-top: 10px; } .inabout .about-num-box .num1{ float: left; margin-left: 35px; } .inabout .about-num-box .num2{ float: right; margin-right: 35px; } .inabout .about-num-box .timer{ color: #fb6a73; font-family: BebasNeue; font-size: 120px; font-weight: 700; } .inabout .dots{ position: absolute; left: 50%; top: 52px; width: 14px; height: 14px; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .inabout .dots2{ top: 88px; } .ind_vid .vid_box{position:relative;} .ind_vid .vid_box .pho{width:1200px; height:675px;overflow:hidden;} .ind_vid .vid_box span{position:absolute;display:inline-block;top:50%;left:50%;z-index:10;cursor:pointer;margin:-76px 0 0 -76px;} .ind_vid .vid_box span img{height:auto;} .sidebar-position-right{ position: fixed; right: 54px; bottom: 80px; z-index: 99999; } .sidebar-position-right .imgs{ width: 60px; height: 60px; background: linear-gradient(135deg, #FF4E6F 0%, #FB9168 100%); border-radius: 50%; text-align: center; line-height: 60px; cursor: pointer; position: relative; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; } .sidebar-position-right .imgs img{ margin: 0 auto; position: relative; z-index: 2; } .sidebar-position-right .imgs::before{ content: ""; width: 60px; height: 60px; position: absolute; left: 0; top: 0; border-radius: 50%; right: 0; bottom: 0; margin: auto; background: #fff; border-radius: 50%; transition: 0.5s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); } .sidebar-position-right .imgs:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .sidebar-position-right .imgs:hover::before{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .sidebar-position-right .tendehide, .sidebar-position-right .imgs:hover .tendeshow{ opacity: 0; visibility: hidden; display: none; } .sidebar-position-right .imgs:hover .tendehide{ opacity: 1; visibility: visible; display: block; top: 18px; } /*index */ .index-news {padding:78px 0 72px;overflow:hidden;} .news-ilist {width:63.57%;} .news-slist {width:36.43%;} .index-news .news-title {margin:0 20px 30px 40px;} .index-news .news-slist .news-title{margin: 0 20px 30px 20px;} .index-news .news-title span {color:#363F54;font-weight:bold;font-size:24px; font-family: PingFang SC;position: relative;padding-left: 10px;} .index-news .news-title span i{ position: absolute; width: 4px; height: 24px; background: #4B5263; left: 0; top: 5px; } .index-news .news-title a {font-size:14px;color:#575D6C;text-transform: Capitalize;} .index-news .ind-news-ibox {margin:0 -18px;padding-top:40px;} .index-news .ind-news-ibox .con{ background-color: #F7F7F8; margin-left: 20px; height: 740px; } .index-news .ind-news-ibox .item {margin:0 10px;padding-bottom:24px;background-color:#F7F7F8;cursor:pointer;} .index-news .ind-news-ibox .pic {width:100%;overflow:hidden;padding:20px 20px 0 20px;box-sizing:border-box;} .index-news .ind-news-ibox .pic a {display:block;overflow: hidden;} .index-news .ind-news-ibox .pic img {width: 100%;transition:transform 2s;-webkit-transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;} .index-news .ind-news-ibox .item:hover .pic img {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);} .index-news .ind-news-ibox .item:hover .tit a {color:#FB6A73;transition:color 1s;-webkit-transition:color 1s;-moz-transition:color 1s;-ms-transition:color 1s;-o-transition:color 1s;} .index-news .news-desc-ibox {padding:0 26px;} .index-news .news-desc-ibox .tit a {display:block;font-size:20px;font-family:Microsoft JhengHei;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:26px;} .index-news .news-desc-ibox .time {font-size:14px;color:#999999;font-family:Microsoft JhengHei;margin:14px 0;} .index-news .news-desc-ibox .text {font-size:14px;color:#666666;font-family:Microsoft JhengHei;overflow:hidden;display:-webkit-box !important;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;height:48px;line-height:24px;} .index-news .news-recommend-list {height:257px;background-color:#F7F7F8;margin:0 10px;} .index-news .news-recommend-list .news-item a {height:59px;line-height:59px;margin:0 20px;display:block;border-top:1px solid #EEEEEE;font-size:16px;font-family:Microsoft JhengHei;color:#000;box-sizing:border-box;padding:0 8px;} .index-news .news-tit {float:right;text-align:left;width:76%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .index-news .news-time {float:left;font-size:14px;color:#666666;font-family:Microsoft JhengHei;} .news-slist .dd {height:740px;overflow:hidden;background-color:#F7F7F8;padding:20px;box-sizing:border-box;} .news-slist .dd li {margin-bottom:20px;} .news-slist .dd li a {display:block;background-color:#fff;transition:color .4s;} .news-slist .dd li .ifaq {height:80px;display:table;} .news-slist .dd li .ifaq.q {margin-bottom:10px;} .news-slist .dd li .ifaq span {display:block;float:left;width:80px;height:80px;background:#FB6A73;text-align:center;font-size:14px;font-family:Microsoft JhengHei;color:#fff;box-sizing:border-box;padding-top:18px;} .news-slist .dd li .ifaq span em {font-size:18px;display:block;font-weight:bold;margin-bottom:6px;} .news-slist .dd li .title {margin-left:38px;height:80px;line-height:24px;font-size:16px;color:#000000;font-family:Microsoft JhengHei;overflow:hidden;padding:0 28px 0 12px;display:table-cell;vertical-align:middle;} .news-slist .dd li a:hover .title {color:#FB6A73;} @media only screen and (max-width: 1400px) { .w1400 { padding: 0 16px; box-sizing: border-box; } .ind_box2 .pc_ul li .tit div { width: 92%; } .ind_box2 .pc_ul li .img, .ind_box2 .pc_ul li .con { width: 94%; } .service_tabCon .con { width: 100%; } .supervise_ibox .left, .supervise_ibox .right { width: auto; } .supervise_ibox .right { position: static; } } @media only screen and (max-width: 960px) { #section-home { margin-bottom: 0; } #section-home .container-caroussel, #section-home .container-caroussel .container-bg { min-height: 0; height: auto; } .ind_box2 { padding: 24px 0 36px; overflow: hidden; } .ind_box2 .ind_tit { font-size: 24px; padding: 0 16px; text-align: center; } .ind_box2 .w1400 { padding-left: 0; padding-right: 0; } .ind_box2 .pc_ul { display: flex; flex-wrap: nowrap; margin-top: 16px; padding: 0 16px 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scroll-padding-left: 16px; gap: 12px; scrollbar-width: none; } .ind_box2 .pc_ul::-webkit-scrollbar { display: none; } .ind_box2 .pc_ul li { flex: 0 0 78%; width: 78%; margin-bottom: 0; scroll-snap-align: start; } .ind_box2 .pc_ul li .tit { height: auto; } .ind_box2 .pc_ul li .tit div { position: static; transform: none; left: auto; width: 100%; height: auto; min-height: 40px; padding: 8px 12px; font-size: 14px; } .ind_box2 .pc_ul li .img, .ind_box2 .pc_ul li .con { width: 100%; } .ind_box2 .pc_ul li .img img { width: 100%; display: block; } .ind_box2 .pc_ul li .con { padding: 12px 12px 12px 16px; } .ind_box2 .pc_ul li .con .con1 h3 { font-size: 20px; line-height: 1.3; } .ind_box2 .pc_ul li .con .con1 h3 span { display: none; } .ind_box2 .pc_ul li .con .con1 h4 { font-size: 14px; } .ind_box2 .pc_ul li .con .con2 { font-size: 14px; line-height: 1.6; } .ind_box2 .pc_ul li .con .con3 { height: auto; font-size: 12px; line-height: 1.6; } .service_brief .logo_text { display: none; } .service_brief .tit { font-size: 24px; padding-top: 24px; text-align: center; } .service_tabCon { height: auto; margin-top: 16px; overflow: hidden; } .service_tabCon .con { width: 100%; } .service_tabCon .service-menu { position: static; } .service_tabCon .service-menu ul { margin: 0; display: flex; flex-wrap: nowrap; justify-content: stretch; } .service_tabCon .service-menu ul li { flex: 1; width: auto; min-width: 0; height: 44px; min-height: 0; margin: 0 2px; font-size: 11px; } .service_tabCon .service-menu ul li .icon { display: none; } .service_tabCon .service-menu ul li .desc { margin: 0; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 2px; } .service_tabCon .service-menu ul li span { font-size: 11px; line-height: 1.2; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .service_brief .service-main { margin-top: 8px !important; } .service_brief .service-list { height: 180px; background-size: cover !important; background-position: center !important; } .supervise_ibox { padding: 40px 16px 48px; } .supervise_ibox .con { width: 100% !important; padding: 0; } .supervise_ibox .left, .supervise_ibox .right { float: none !important; position: static; width: 100%; } .supervise_ibox .tit { font-size: 28px; line-height: 1.3; } .supervise_ibox .tit p { font-size: 22px; } .supervise_ibox .text { font-size: 14px; line-height: 1.7; margin-bottom: 24px; } .supervise_ibox .logo-text { display: none; } .supervise-titles { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; margin-bottom: 12px; scrollbar-width: none; } .supervise-titles::-webkit-scrollbar { display: none; } .supervise-titles li { flex: 0 0 100%; width: 100%; margin: 0; height: 72px; scroll-snap-align: start; } .supervise-titles li .inner { bottom: 10px; } .supervise-titles li span { font-size: 14px; margin-bottom: 4px; } .supervise-titles li .inner img { max-height: 20px; margin-bottom: 2px; } .supervise-titles li .btn a { width: 110px; height: 26px; line-height: 26px; font-size: 12px; } .supervise-card { height: 380px; } .inabout2 .inabout-part1 { height: 220px; background-attachment: scroll; background-size: cover; } .inabout .inabout-part2 { position: relative; } .inabout.inabout2 .inabout-part2 > .imgs { display: none; } .inabout.inabout2 .about-txt, .inabout .about-txt { position: static; width: 100%; left: auto; margin-left: 0; top: auto; font-size: 16px; line-height: 1.6; padding: 20px 16px 32px; box-sizing: border-box; color: #333; } .inabout.inabout2 .about-txt { font-size: 18px; } .inabout .about-txt p { margin-bottom: 16px; } .ind_vid .vid_box .pho { width: 100%; height: auto; } .ind_vid .vid_box span { margin: -32px 0 0 -32px; } .ind_vid .vid_box span img { max-width: 64px; height: auto; } .index-news { padding: 32px 0; overflow: hidden; } .index-news .container { padding-left: 0; padding-right: 0; } .index-news .ind-news-ibox { margin: 0; padding: 0 16px 10px; display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scroll-padding-left: 16px; gap: 12px; scrollbar-width: none; } .index-news .ind-news-ibox::-webkit-scrollbar { display: none; } .index-news .news-ilist { display: contents; } .index-news .news-slist, .index-news .col-md-6s { float: none !important; flex: 0 0 82%; width: 82% !important; min-width: 0; scroll-snap-align: start; align-self: flex-start; } .index-news .news-title { margin: 0 0 16px; } .index-news .ind-news-ibox .item { margin: 0; } .index-news .ind-news-ibox .con { height: auto; margin-left: 0; overflow: visible; } .news-slist .dd { height: 420px; margin-left: 0; overflow: hidden; } .index-news .news-recommend-list { height: auto; margin: 0; } .index-news .news-recommend-list .news-item a { height: auto; line-height: 1.4; padding: 12px 8px; } .index-news .news-tit, .index-news .news-time { float: none; width: 100%; } }