@charset "utf-8";/**
* Swiper 11.0.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 26, 2023
*/
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, 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");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color:#007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 62.5vw;
perspective: 62.5vw;
}
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d {
-webkit-perspective: 62.5vw;
perspective: 62.5vw;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
-ms-scroll-snap-type: none;
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-webkit-order: 9999;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
-moz-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 2.188vw;
height: 2.188vw;
position: absolute;
left: 50%;
top: 50%;
margin-left: -1.094vw;
margin-top: -1.094vw;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
box-sizing: border-box;
border: 0.208vw solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000;
}
@-webkit-keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper-button-disabled {
opacity: 0.4;
pointer-events: none;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination-lock {
opacity: 0;
visibility: hidden;
}
/* 动画 */
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes centerRotate {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes centerRotate {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@-webkit-keyframes progressBar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes progressBar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@-webkit-keyframes float {
0% {
-webkit-transform: rotate(0) translate3d(0, 7%, 0) rotate(0);
transform: rotate(0) translate3d(0, 7%, 0) rotate(0);
}
to {
-webkit-transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg);
transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg);
}
}
@keyframes float {
0% {
-webkit-transform: rotate(0) translate3d(0, 7%, 0) rotate(0);
transform: rotate(0) translate3d(0, 7%, 0) rotate(0);
}
to {
-webkit-transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg);
transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg);
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@keyframes bounce {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* 放大 */
@-webkit-keyframes amplify2 {
0% {
-webkit-transform: translate(-50%, -50%) scale(0.4);
transform: translate(-50%, -50%) scale(0.4);
opacity: 0;
}
20% {
opacity: 1;
}
75% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes amplify2 {
0% {
-webkit-transform: translate(-50%, -50%) scale(0.4);
transform: translate(-50%, -50%) scale(0.4);
opacity: 0;
}
20% {
opacity: 1;
}
75% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes slideUp {
35%, 40% {
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slideUp {
35%, 40% {
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes slideDown {
35%, 40% {
-webkit-transform: translateY(45%);
transform: translateY(45%);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slideDown {
35%, 40% {
-webkit-transform: translateY(45%);
transform: translateY(45%);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
/* wow */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.scale {
-webkit-animation-name: scale;
animation-name: scale;
}
/* Bouncing entrances */
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
/* 公共样式 */
* {
box-sizing: border-box;
}
body {
margin: 0px;
}
select,
input,
textarea {
border-radius: 0;
-webkit-border-radius: 0;
color: #878787;
}
input:focus {
outline: none;
}
input,
button,
select,
textarea {
outline: none;
/*-webkit-appearance:none; */
}
input:-webkit-autofill {
box-shadow: 0 0 0 52.083vw white inset !important;
}
textarea {
resize: none;
/*-webkit-appearance:none; */
}
textarea,
input,
select {
background: none;
border: none;
margin: 0;
padding: 0;
}
img {
max-width: 100%;
}
li {
list-style: none;
}
a {
text-decoration: none;
font-weight: normal;
}
i {
font-style: normal;
}
body {
font: 0.729vw/1.5 -apple-system;
font-family: HarmonyOS Sans SC, OPPOSans, PingFang SC, Source Han Sans, Microsoft YaHei, sans-serif, Arial !important;
position: relative;
left: 0px;
-webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
/* 图标 */
[class^=icon-] {
font-family: "iconfont" !important;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 分享 */
@font-face {
font-family: "shareIcon";
src: url("data:font/ttf;charset=utf-8;base64,AAEAAAAQAQAABAAARkZUTXqjBawAACR0AAAAHEdERUYAJwAXAAAkVAAAAB5PUy8yVzzoewAAAYgAAABgY21hcIYbuw0AAAIsAAABqmN2dCAM8/9aAAAOCAAAACRmcGdtMPeelQAAA9gAAAmWZ2FzcAAAABAAACRMAAAACGdseWbNwujKAAAOUAAAEwxoZWFkCDoioQAAAQwAAAA2aGhlYQetA8cAAAFEAAAAJGhtdHg6uAQdAAAB6AAAAERsb2NhI8gn1gAADiwAAAAkbWF4cAE1AjgAAAFoAAAAIG5hbWU3vFjkAAAhXAAAAkNwb3N0915EDgAAI6AAAACscHJlcKW5vmYAAA1wAAAAlQABAAAAAQAAJceEJV8PPPUAHwQAAAAAANJ/b1EAAAAA0n9vUv/+/7MECgNOAAAACAACAAAAAAAAAAEAAANH/7MAXAQC//4AAAQKAAEAAAAAAAAAAAAAAAAAAAARAAEAAAARAIsABwAAAAAAAgAmADQAbAAAAIoBdwAAAAAABAP+AfQABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAIABgMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZADAAHjyCgOA/4AAXANHAE2AAAABAAAAAAMYAAAAAAAgAAEBdgAiAAAAAAFVAAAD6QAsBAAAQgQAADMEAAEhBAAAJQQAAFYEAQAABAAAkAQAACkEAAAQBAAAdQQAAGEEAv/+BAAAIQAAAAMAAAADAAAAHAABAAAAAACkAAMAAQAAABwABACIAAAAHgAQAAMADgB48ArwGvA68ErwWvBq8HrwivCa8QrxGvEq8gr//wAAAHjwCvAa8DrwSvBa8GrwevCK8JrxCvEa8SryCv///4sP+g/rD8wPvQ+uD58PkA+BD3IPAw70DuUOBgABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywCCNCsAcjQrAAI0KwAEOwB0NRWLAIQyuyAAEAQ2BCsBZlHFktsAUssABDIEUgsAJFY7ABRWJgRC2wBiywAEMgRSCwACsjsQQEJWAgRYojYSBkILAgUFghsAAbsDBQWLAgG7BAWVkjsABQWGVZsAMlI2FERC2wByyxBQVFsAFhRC2wCCywAWAgILAKQ0qwAFBYILAKI0JZsAtDSrAAUlggsAsjQlktsAksILgEAGIguAQAY4ojYbAMQ2AgimAgsAwjQiMtsAosS1RYsQcBRFkksA1lI3gtsAssS1FYS1NYsQcBRFkbIVkksBNlI3gtsAwssQANQ1VYsQ0NQ7ABYUKwCStZsABDsAIlQrIAAQBDYEKxCgIlQrELAiVCsAEWIyCwAyVQWLAAQ7AEJUKKiiCKI2GwCCohI7ABYSCKI2GwCCohG7AAQ7ACJUKwAiVhsAgqIVmwCkNHsAtDR2CwgGIgsAJFY7ABRWJgsQAAEyNEsAFDsAA+sgEBAUNgQi2wDSyxAAVFVFgAsA0jQiBgsAFhtQ4OAQAMAEJCimCxDAQrsGsrGyJZLbAOLLEADSstsA8ssQENKy2wECyxAg0rLbARLLEDDSstsBIssQQNKy2wEyyxBQ0rLbAULLEGDSstsBUssQcNKy2wFiyxCA0rLbAXLLEJDSstsBgssAcrsQAFRVRYALANI0IgYLABYbUODgEADABCQopgsQwEK7BrKxsiWS2wGSyxABgrLbAaLLEBGCstsBsssQIYKy2wHCyxAxgrLbAdLLEEGCstsB4ssQUYKy2wHyyxBhgrLbAgLLEHGCstsCEssQgYKy2wIiyxCRgrLbAjLCBgsA5gIEMjsAFgQ7ACJbACJVFYIyA8sAFgI7ASZRwbISFZLbAkLLAjK7AjKi2wJSwgIEcgILACRWOwAUViYCNhOCMgilVYIEcgILACRWOwAUViYCNhOBshWS2wJiyxAAVFVFgAsAEWsCUqsAEVMBsiWS2wJyywByuxAAVFVFgAsAEWsCUqsAEVMBsiWS2wKCwgNbABYC2wKSwAsANFY7ABRWKwACuwAkVjsAFFYrAAK7AAFrQAAAAAAEQ+IzixKAEVKi2wKiwgPCBHILACRWOwAUViYLAAQ2E4LbArLC4XPC2wLCwgPCBHILACRWOwAUViYLAAQ2GwAUNjOC2wLSyxAgAWJSAuIEewACNCsAIlSYqKRyNHI2EgWGIbIVmwASNCsiwBARUUKi2wLiywABawBCWwBCVHI0cjYbAGRStlii4jICA8ijgtsC8ssAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgsAlDIIojRyNHI2EjRmCwBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhIyAgsAQmI0ZhOBsjsAlDRrACJbAJQ0cjRyNhYCCwBEOwgGJgIyCwACsjsARDYLAAK7AFJWGwBSWwgGKwBCZhILAEJWBkI7ADJWBkUFghGyMhWSMgILAEJiNGYThZLbAwLLAAFiAgILAFJiAuRyNHI2EjPDgtsDEssAAWILAJI0IgICBGI0ewACsjYTgtsDIssAAWsAMlsAIlRyNHI2GwAFRYLiA8IyEbsAIlsAIlRyNHI2EgsAUlsAQlRyNHI2GwBiWwBSVJsAIlYbABRWMjIFhiGyFZY7ABRWJgIy4jICA8ijgjIVktsDMssAAWILAJQyAuRyNHI2EgYLAgYGawgGIjICA8ijgtsDQsIyAuRrACJUZSWCA8WS6xJAEUKy2wNSwjIC5GsAIlRlBYIDxZLrEkARQrLbA2LCMgLkawAiVGUlggPFkjIC5GsAIlRlBYIDxZLrEkARQrLbA3LLAuKyMgLkawAiVGUlggPFkusSQBFCstsDgssC8riiAgPLAEI0KKOCMgLkawAiVGUlggPFkusSQBFCuwBEMusCQrLbA5LLAAFrAEJbAEJiAuRyNHI2GwBkUrIyA8IC4jOLEkARQrLbA6LLEJBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7CAYmAgsAArIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbCAYmGwAiVGYTgjIDwjOBshICBGI0ewACsjYTghWbEkARQrLbA7LLAuKy6xJAEUKy2wPCywLyshIyAgPLAEI0IjOLEkARQrsARDLrAkKy2wPSywABUgR7AAI0KyAAEBFRQTLrAqKi2wPiywABUgR7AAI0KyAAEBFRQTLrAqKi2wPyyxAAEUE7ArKi2wQCywLSotsEEssAAWRSMgLiBGiiNhOLEkARQrLbBCLLAJI0KwQSstsEMssgAAOistsEQssgABOistsEUssgEAOistsEYssgEBOistsEcssgAAOystsEgssgABOystsEkssgEAOystsEossgEBOystsEsssgAANystsEwssgABNystsE0ssgEANystsE4ssgEBNystsE8ssgAAOSstsFAssgABOSstsFEssgEAOSstsFIssgEBOSstsFMssgAAPCstsFQssgABPCstsFUssgEAPCstsFYssgEBPCstsFcssgAAOCstsFgssgABOCstsFkssgEAOCstsFossgEBOCstsFsssDArLrEkARQrLbBcLLAwK7A0Ky2wXSywMCuwNSstsF4ssAAWsDArsDYrLbBfLLAxKy6xJAEUKy2wYCywMSuwNCstsGEssDErsDUrLbBiLLAxK7A2Ky2wYyywMisusSQBFCstsGQssDIrsDQrLbBlLLAyK7A1Ky2wZiywMiuwNistsGcssDMrLrEkARQrLbBoLLAzK7A0Ky2waSywMyuwNSstsGossDMrsDYrLbBrLCuwCGWwAyRQeLABFTAtAABLuADIUlixAQGOWbkIAAgAYyCwASNEILADI3CwDkUgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbABRWMjYrACI0SzCgkFBCuzCgsFBCuzDg8FBCtZsgQoCUVSRLMKDQYEK7EGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAAAAAAAAAAAAAA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") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
.social-share-icon {
font-family: "shareIcon";
}
.social-share .icon-tencent:before {
content: "\f07a";
}
.social-share .icon-qq:before {
content: "\f11a";
}
.social-share .icon-weibo:before {
content: "\f12a";
}
.social-share .icon-wechat:before {
content: "\f09a";
}
.social-share .icon-douban:before {
content: "\f10a";
}
.social-share .icon-heart:before {
content: "\f20a";
}
.social-share .icon-like:before {
content: "\f00a";
}
.social-share .icon-qzone:before {
content: "\f08a";
}
.social-share .icon-linkedin:before {
content: "\f01a";
}
.social-share .icon-diandian:before {
content: "\f05a";
}
.social-share .icon-facebook:before {
content: "\f03a";
}
.social-share .icon-google:before {
content: "\f04a";
}
.social-share .icon-twitter:before {
content: "\f06a";
}
.wechat-qrcode {
display: none;
border: 1px solid #eee;
position: fixed;
z-index: 999;
top: 50%;
left: 50%;
width: 200px;
height: 190px;
margin-top: -96px;
margin-left: -100px;
color: #666;
font-size: 12px;
text-align: center;
background-color: #fff;
box-shadow: 0 2px 10px #aaa;
-webkit-transition: all 200ms;
transition: all 200ms;
-webkit-tansition: all 350ms;
-moz-transition: all 350ms;
}
.wechat-qrcode.bottom {
top: 40px;
left: -84px;
}
.wechat-qrcode.bottom:after {
display: none;
}
.wechat-qrcode h4 {
font-weight: normal;
height: 26px;
line-height: 26px;
font-size: 12px;
background-color: #f3f3f3;
margin: 0;
padding: 0;
color: #777;
}
.wechat-qrcode .qrcode {
width: 105px;
margin: 10px auto;
}
.wechat-qrcode .qrcode table {
margin: 0 !important;
}
.wechat-qrcode .help p {
font-weight: normal;
line-height: 16px;
padding: 0;
margin: 0;
width: 100%;
}
.wechat-qrcode .closeWechat {
position: absolute;
right: 5px;
top: 5px;
width: 16px;
height: 16px;
z-index: 9;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
cursor: pointer;
}
.wechat-qrcode .closeWechat:after {
width: 2px;
height: 100%;
position: absolute;
left: 50%;
margin-left: -1px;
content: "";
display: block;
background: #666;
}
.wechat-qrcode .closeWechat::before {
width: 100%;
height: 2px;
position: absolute;
top: 50%;
margin-top: -1px;
content: "";
display: block;
background: #666;
}
/* 左偏移 */
.leftOffset {
left: -260px !important;
}
/* 版心 */
.content1720 {
width: 89.583vw;
margin: 0px auto;
}
/* 背景 */
.commonBg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}
.commonBg img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
/* 停止滚动 */
.stopScroll {
overflow: hidden;
}
/* flex布局 */
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.content-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.content-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.content-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.content-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.xs\:flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.xs\:items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.xs\:items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.xs\:items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.xs\:content-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.xs\:content-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.xs\:content-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.xs\:flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.xs\:flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.xs\:flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.xs\:flex-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.xs\:flex-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xs\:flex-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
/* 头部 */
.header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 5.729vw;
line-height: 5.729vw;
border-bottom: 1px solid transparent;
-webkit-transition: background-color 0.6s ease, border-color 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s ease;
transition: background-color 0.6s ease, border-color 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s ease;
transition: transform 0.4s ease, background-color 0.6s ease, border-color 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.4s ease, background-color 0.6s ease, border-color 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s ease;
z-index: 9999;
}
.header .headerLogo a img {
width: auto;
height: 3.229vw;
}
.header .headerLogo a img:nth-child(1) {
-webkit-animation: rotate 6s linear infinite;
animation: rotate 6s linear infinite;
-webkit-filter: grayscale(1) brightness(500%);
filter: grayscale(1) brightness(500%);
}
.header .headerLogo a img:nth-child(2) {
-webkit-filter: invert(1);
filter: invert(1);
}
.header .headerLogo .code {
height: 2.083vw;
line-height: 1.25vw;
font-weight: 400;
font-size: 0.833vw;
color: #FFFFFF;
padding-left: 0.677vw;
border-left: 1px solid #fff;
margin-left: 0.833vw;
}
.header .headerLogo .code span {
display: block;
font-family: Bronova;
font-size: 0.938vw;
}
.header .headerMain .headerNav ul li {
margin-right: 2.188vw;
position: relative;
}
.header .headerMain .headerNav ul li:last-child {
margin-right: 0px;
}
.header .headerMain .headerNav ul li:hover .dropDownMenu {
max-height: 24.427vw;
}
.header .headerMain .headerNav ul li:hover .dropDownMenuOrdinary {
-webkit-transform: skewX(1);
-ms-transform: skewX(1);
transform: skewX(1);
}
.header .headerMain .headerNav ul li > a {
display: block;
font-size: 0.781vw;
color: #FFFFFF;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
}
.header .headerMain .headerNav ul li > a::after {
position: absolute;
left: 50%;
bottom: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0%;
height: 0.156vw;
background: #D63D32;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
content: "";
display: block;
}
.header .headerMain .headerOther {
margin-left: 2.135vw;
}
.header .headerMain .headerOther .searchBtn {
width: 2.188vw;
height: 2.188vw;
line-height: 2.188vw;
text-align: center;
background: #FF0000;
border-radius: 50%;
font-size: 1.042vw;
color: #fff;
cursor: pointer;
}
.header .headerMain .headerOther .menusBtn {
display: none;
}
.header.headerBg {
background: #fff;
border-color: rgba(238, 238, 238, 0.6);
}
.header.headerBg .headerLogo a img:nth-child(1) {
-webkit-filter: none;
filter: none;
}
.header.headerBg .headerLogo a img:nth-child(2) {
-webkit-filter: none;
filter: none;
}
.header.headerBg .headerLogo .code {
color: #333;
border-color: rgba(0, 0, 0, 0.08);
}
.header.headerBg .headerMain .headerNav ul li:hover > a, .header.headerBg .headerMain .headerNav ul li.active > a {
color: #D63D32;
}
.header.headerBg .headerMain .headerNav ul li:hover > a::after, .header.headerBg .headerMain .headerNav ul li.active > a::after {
width: 100%;
}
.header.headerBg .headerMain .headerNav ul li > a {
color: #333;
}
.header.headerBg .headerMain .headerOther .menusBtn span {
background: #333;
}
.header.headerUp {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.header.headerTransparent .headerLogo a img:nth-child(1) {
-webkit-filter: none;
filter: none;
}
.header.headerTransparent .headerLogo a img:nth-child(2) {
-webkit-filter: none;
filter: none;
}
.header.headerTransparent .headerLogo .code {
color: #333;
border-color: rgba(0, 0, 0, 0.08);
}
.header.headerTransparent .headerMain .headerNav ul li:hover > a, .header.headerTransparent .headerMain .headerNav ul li.active > a {
color: #D63D32;
}
.header.headerTransparent .headerMain .headerNav ul li:hover > a::after, .header.headerTransparent .headerMain .headerNav ul li.active > a::after {
width: 100%;
}
.header.headerTransparent .headerMain .headerNav ul li > a {
color: #333;
}
.header.headerTransparent .headerMain .headerOther .menusBtn span {
background: #333;
}
/* 头部搜索 */
.headerSearchformMain {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: auto;
display: none;
z-index: 99;
}
.headerSearchformMain .headerSearchform {
background: #fff;
padding: 4.167vw 0px;
position: relative;
z-index: 99;
-webkit-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
opacity: 0;
-webkit-transform: translate3d(0px, -100%, 1px);
transform: translate3d(0px, -100%, 1px);
}
.headerSearchformMain .headerSearchform form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 51.042vw;
margin: 0px auto;
width: 100%;
position: relative;
}
.headerSearchformMain .headerSearchform form input {
display: block;
width: 100%;
height: 3.125vw;
font-weight: 400;
font-size: 0.833vw;
color: #757575;
background: #eee;
border-radius: 2.083vw;
padding-left: 1.563vw;
}
.headerSearchformMain .headerSearchform form input:focus {
border-color: #d2d2d2 !important;
box-shadow: none;
}
.headerSearchformMain .headerSearchform form button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.125vw;
height: 3.125vw;
border-radius: 50%;
position: absolute;
top: 0px;
right: 0px;
background: #FF0000;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
font-size: 1.25vw;
color: #fff;
border: 0px;
cursor: pointer;
}
.headerSearchformMain .headerSearchform form button:hover {
box-shadow: 0px 0.26vw 0.521vw rgba(255, 0, 0, 0.4);
}
.headerSearchformMain .headerSearchform form .closeSearch {
cursor: pointer;
right: 0px;
top: 0px;
height: 100%;
font-size: 1.042vw;
color: #333;
}
.headerSearchformMain .headerSearchMask {
content: "";
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.headerSearchformMain.admission .headerSearchform {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
/* 下拉菜单 */
.dropDownMenu {
position: fixed;
top: 5.729vw;
left: 0px;
width: 100%;
max-height: 0px;
overflow: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dropDownMenu .dropDownMenuList {
width: 11.667vw;
position: relative;
--top: 0px;
margin: 4.115vw 7.187vw 4.635vw 11.458vw;
}
.dropDownMenu .dropDownMenuList::after {
position: absolute;
top: 0px;
right: 1.5px;
width: 1px;
height: 100%;
background: rgba(213, 213, 213, 0.5);
content: "";
display: block;
}
.dropDownMenu .dropDownMenuList .swiper-wrapper::after {
position: absolute;
top: var(--top);
right: 0px;
width: 0.156vw;
height: 1.25vw;
background: #c72019;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
content: "";
display: block;
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide {
line-height: 1.25vw;
height: 1.25vw;
position: relative;
margin-bottom: 1.354vw;
cursor: pointer;
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide a {
font-size: 0.833vw;
color: #000;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide:first-child {
margin-top: 2.083vw;
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide:last-child {
margin-bottom: 0px;
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide-thumb-active a {
color: #c72019;
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide-thumb-active::after {
opacity: 1;
visibility: visible;
}
.dropDownMenu .dropDownMenuMain {
width: 47.396vw;
margin: 4.115vw 8.333vw 4.635vw 0px;
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0 !important;
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content {
width: 20vw;
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .title {
font-size: 1.875vw;
color: #000000;
font-weight: 500;
margin-bottom: 1.094vw;
line-height: 1.5;
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 0.833vw;
color: #6C6C6C;
line-height: 1.25vw;
min-height: 3.75vw;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 1.771vw;
font-weight: 300;
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more {
display: block;
width: 2.917vw;
height: 2.917vw;
line-height: 2.708vw;
font-size: 0.625vw;
color: #000;
border: 2px solid #000;
border-radius: 50%;
font-weight: 600;
text-align: center;
position: relative;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::after {
position: absolute;
top: -2px;
left: -2px;
width: calc(100% + 0.208vw);
height: calc(100% + 0.208vw);
background: url("../images/dropDownMenuMoreBg.png") no-repeat center/cover;
content: "";
display: block;
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more:hover {
color: #fff;
border-color: #c72019;
background: #c72019;
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image {
width: 26.354vw;
overflow: hidden;
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide-active {
opacity: 1 !important;
z-index: 9;
}
.dropDownMenuOrdinary {
display: none;
position: absolute;
top: 5.729vw;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
overflow: hidden;
background: #fff;
}
.dropDownMenuOrdinary a {
display: block;
line-height: 2.5vw;
white-space: nowrap;
min-width: 6.771vw;
text-align: center;
padding: 0px 1.042vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
border-bottom: 1px solid rgba(238, 238, 238, 0.5);
position: relative;
overflow: hidden;
}
.dropDownMenuOrdinary a::before {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 100%;
background: #D63D32 url("../images/indexManufactureMask.png") no-repeat center/cover;
pointer-events: none;
z-index: -1;
-webkit-transition: opacity 0.4s ease, -webkit-transform 1s ease-out;
transition: opacity 0.4s ease, -webkit-transform 1s ease-out;
transition: transform 1s ease-out, opacity 0.4s ease;
transition: transform 1s ease-out, opacity 0.4s ease, -webkit-transform 1s ease-out;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
content: "";
display: block;
}
.dropDownMenuOrdinary a:last-child {
border-bottom: 0px;
}
.dropDownMenuOrdinary a:hover {
color: #fff;
}
.dropDownMenuOrdinary a:hover::before {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/* 移动端栏目 */
.mobileHeader {
display: none;
}
/* 遮罩 */
.maskLayer {
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(1.042vw);
z-index: 99;
}
/* 侧边栏 */
.slidebar {
position: fixed;
top: 50%;
right: 0px;
-webkit-transform: translateX(100%) translateY(-50%);
-ms-transform: translateX(100%) translateY(-50%);
transform: translateX(100%) translateY(-50%);
width: 4.063vw;
background: #fff;
box-shadow: 0.156vw 0.26vw 0.521vw #eee;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 999;
}
.slidebar.active {
-webkit-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
}
.slidebar.active .list.moreBtn i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.slidebar .list {
text-align: center;
padding: 0.781vw 0px;
border-bottom: 1px solid rgba(238, 238, 238, 0.8);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
position: relative;
}
.slidebar .list:nth-child(1) .popup {
min-width: 10.885vw;
padding: 0.99vw 2.448vw 0.885vw 1.042vw;
}
.slidebar .list:nth-child(2) .popup {
min-width: 6.354vw;
padding: 0.729vw;
}
.slidebar .list:hover {
background: #c00000;
border-color: #c00000;
}
.slidebar .list:hover > img {
-webkit-filter: grayscale(1) brightness(500%);
filter: grayscale(1) brightness(500%);
}
.slidebar .list:hover > p {
color: #fff;
}
.slidebar .list:hover .popup {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.slidebar .list:hover .popup::after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.slidebar .list.returnBtn {
background: #c00000;
border: 0px;
padding: 0.417vw 0px;
}
.slidebar .list.moreBtn {
display: none;
}
.slidebar .list > img {
width: auto;
height: 1.302vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slidebar .list > p {
font-size: 0.625vw;
color: #3D3D3D;
margin-top: 0.365vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slidebar .list .popup {
position: absolute;
right: 4.063vw;
top: 0px;
text-align: left;
background: #D3382E;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
overflow: hidden;
}
.slidebar .list .popup::after {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 2.188vw;
background: url("../images/slidebarMask.png") no-repeat center/cover;
-webkit-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.4s ease 0.1s;
transition: all 0.4s ease 0.1s;
content: "";
display: block;
}
.slidebar .list .popup .title {
font-size: 0.625vw;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 0.625vw;
position: relative;
z-index: 2;
}
.slidebar .list .popup .intro {
font-size: 0.938vw;
color: #FFFFFF;
line-height: 1.25vw;
position: relative;
z-index: 2;
}
.slidebar .list .popup .qrcode {
position: relative;
z-index: 2;
}
.slidebar .list .popup .qrcode img {
width: 100%;
height: auto;
}
/* 底部 */
.footer {
padding: 3.75vw 0px 0px;
position: relative;
}
.footer .footerInfo {
padding-bottom: 0.781vw;
margin-bottom: 4.583vw;
border-bottom: 1px solid rgba(219, 219, 219, 0.1);
}
.footer .footerInfo .footerInfoLeft .footerInfoLogo a img {
width: auto;
height: 3.229vw;
}
.footer .footerInfo .footerInfoLeft .footerInfoContact {
margin-left: 1.771vw;
}
.footer .footerInfo .footerInfoLeft .footerInfoContact .list {
height: 2.292vw;
padding: 0px 1.563vw;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.footer .footerInfo .footerInfoLeft .footerInfoContact .list:nth-child(1) .intro {
font-size: 1.563vw;
font-weight: 400;
}
.footer .footerInfo .footerInfoLeft .footerInfoContact .list:nth-child(1) .intro span {
font-size: 0.729vw;
font-weight: 300;
color: rgba(255, 255, 255, 0.3);
}
.footer .footerInfo .footerInfoLeft .footerInfoContact .list:nth-child(2) .intro {
font-size: 1.25vw;
font-weight: 400;
}
.footer .footerInfo .footerInfoLeft .footerInfoContact .list .title {
font-weight: 400;
font-size: 0.781vw;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 0.26vw;
}
.footer .footerInfo .footerInfoLeft .footerInfoContact .list .intro {
color: #fff;
line-height: 1.563vw;
}
.footer .footerInfo .footerInfoLeft .footerInfoContact .list .intro span {
vertical-align: bottom;
}
.footer .footerInfo .footerInfoLeft .footerInfoContact .list .intro img {
width: auto;
height: 1.354vw;
-webkit-transform: translateY(-0.156vw);
-ms-transform: translateY(-0.156vw);
transform: translateY(-0.156vw);
}
.footer .footerInfo .footerInfoRight .list {
width: 6.25vw;
text-align: center;
margin-right: 0.99vw;
}
.footer .footerInfo .footerInfoRight .list:last-child {
margin-right: 0px;
}
.footer .footerInfo .footerInfoRight .list:hover .image img {
-webkit-transform: translate(-0.313vw, -0.313vw);
-ms-transform: translate(-0.313vw, -0.313vw);
transform: translate(-0.313vw, -0.313vw);
}
.footer .footerInfo .footerInfoRight .list .image {
background: #c20000;
}
.footer .footerInfo .footerInfoRight .list .image img {
width: 100%;
height: auto;
-webkit-transform: translate(0px, -1px);
-ms-transform: translate(0px, -1px);
transform: translate(0px, -1px);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer .footerInfo .footerInfoRight .list p {
font-size: 0.833vw;
color: rgba(255, 255, 255, 0.6);
margin-top: 1px;
}
.footer .footerNav {
padding: 0px 0px 4.115vw;
margin: 0px -3.802vw;
}
.footer .footerNav dl {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
padding: 0px 3.802vw;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .footerNav dl:last-child {
border: 0px;
}
.footer .footerNav dl dt {
line-height: 1.042vw;
border-left: 0.156vw solid #C00000;
padding-left: 0.521vw;
margin-bottom: 1.042vw;
}
.footer .footerNav dl dt a {
font-weight: 400;
font-size: 1.042vw;
color: #FFFFFF;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer .footerNav dl dd a {
font-weight: 400;
font-size: 0.833vw;
color: rgba(255, 255, 255, 0.6);
line-height: 1.875vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer .footerNav dl dd a:hover {
color: rgba(255, 255, 255, 0.8);
}
.footer .footerOther {
padding: 1.354vw 0px 2.552vw;
border-top: 1px solid rgba(219, 219, 219, 0.1);
}
.footer .footerOther .footerCopyright {
font-weight: 400;
font-size: 0.729vw;
color: rgba(255, 255, 255, 0.6);
}
.footer .footerOther .footerCopyright a {
font-weight: 400;
font-size: 0.729vw;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer .footerOther .footerCopyright a:hover {
color: #C00000;
}
.footer .footerOther .footerCopyright br {
display: none;
}
.footer .footerOther .footerSubsidiary {
position: relative;
width: 9.427vw;
height: 2.083vw;
line-height: 1.979vw;
border-radius: 1.042vw;
border: 1px solid #FFFFFF;
padding: 0px 0.938vw 0px 1.563vw;
}
.footer .footerOther .footerSubsidiary .title {
font-weight: 400;
font-size: 0.677vw;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
}
.footer .footerOther .footerSubsidiary .title i {
font-size: 1.25vw;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.footer .footerOther .footerSubsidiary .popup {
display: none;
position: absolute;
left: 0px;
bottom: 2.344vw;
background: #fff;
width: 100%;
border-radius: 0.521vw;
overflow: hidden;
}
.footer .footerOther .footerSubsidiary .popup a {
display: block;
font-size: 0.677vw;
color: #333;
padding: 0px 1.198vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer .footerOther .footerSubsidiary .popup a:hover {
color: #fff;
background: #D3382E;
}
/* 分页 */
.pagingMian .paging {
text-align: center;
}
.pagingMian .paging.whiteTheme .layui-laypage a, .pagingMian .paging.whiteTheme .layui-laypage span {
background: #fff;
}
.pagingMian .paging .layui-laypage {
margin: 0px;
}
.pagingMian .paging .layui-laypage a, .pagingMian .paging .layui-laypage span {
width: 2.708vw;
height: 2.708vw;
line-height: 2.708vw;
font-size: 0.729vw;
color: #353535;
padding: 0px;
margin: 0px 0.443vw;
border-radius: 50%;
border: 0px;
background: rgba(233, 241, 247, 0.6);
overflow: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.pagingMian .paging .layui-laypage a:hover, .pagingMian .paging .layui-laypage span:hover {
color: #D63D32;
}
.pagingMian .paging .layui-laypage-curr {
font-size: 0.885vw !important;
font-weight: bold;
}
.pagingMian .paging .layui-laypage-prev,
.pagingMian .paging .layui-laypage-next {
font-size: 0.521vw !important;
font-weight: bold;
}
.pagingMian .mobileLoadMore {
display: none;
}
/* 首页标题 */
.indexTitle {
line-height: 3.75vw;
}
.indexTitle h2 {
font-size: 2.604vw;
color: #000;
font-weight: 400;
}
.indexTitle p {
font-size: 2.813vw;
color: #000;
font-weight: 400;
}
/* 首页-banner */
.banner::after {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 6.979vw;
background: url("../images/bannerMask.png") no-repeat center/cover;
z-index: 2;
pointer-events: none;
content: "";
display: block;
}
.banner .swiper-wrapper .swiper-slide {
position: relative;
overflow: hidden;
}
.banner .swiper-wrapper .swiper-slide .image img {
width: 100%;
height: auto;
object-fit: cover;
-webkit-transition: all 5s 0.6s;
transition: all 5s 0.6s;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.banner .swiper-wrapper .swiper-slide .content {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 2;
}
.banner .swiper-wrapper .swiper-slide .content .title img {
width: 100%;
height: auto;
object-fit: cover;
-webkit-transform: translateY(1.563vw);
-ms-transform: translateY(1.563vw);
transform: translateY(1.563vw);
opacity: 0;
-webkit-transition: all 1s 0.8s;
transition: all 1s 0.8s;
}
.banner .swiper-wrapper .swiper-slide-active .image img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.banner .swiper-wrapper .swiper-slide-active .content .title img {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.banner .swiper-pagination {
position: absolute;
left: 5.104vw;
bottom: 2.083vw;
z-index: 3;
}
.banner .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
width: 2.969vw;
height: 2.969vw;
line-height: 2.969vw;
text-align: center;
border-radius: 50%;
font-family: SKSans;
font-weight: 400;
font-size: 0.938vw;
color: #FFFFFF;
cursor: pointer;
position: relative;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-right: 0.417vw;
}
.banner .swiper-pagination .swiper-pagination-bullet::after {
position: absolute;
top: 50%;
left: 2.188vw;
width: 0px;
height: 1px;
background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgb(255, 255, 255));
content: "";
display: block;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
background: #FF0000;
margin-right: 3.854vw;
}
.banner .swiper-pagination .swiper-pagination-bullet-active::after {
width: 3.229vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/* 首页-关于我们 */
.indexAboutus {
padding: 7.292vw 0px 5.521vw;
position: relative;
}
.indexAboutus::before {
position: absolute;
left: 14.219vw;
bottom: 0px;
width: 43.438vw;
height: 24.896vw;
background: url("../images/indexAboutusMask2.png") no-repeat center/cover;
pointer-events: none;
content: "";
display: block;
}
.indexAboutus::after {
position: absolute;
right: 0px;
top: 0px;
width: 21.406vw;
height: 42.969vw;
background: url("../images/indexAboutusMask3.png") no-repeat center/cover;
pointer-events: none;
content: "";
display: block;
}
.indexAboutus .indexAboutusLeft {
width: 44.8837209302%;
}
.indexAboutus .indexAboutusLeft .title {
margin-bottom: 2.396vw;
}
.indexAboutus .indexAboutusLeft .intro {
font-size: 0.833vw;
color: #656565;
line-height: 1.302vw;
margin-bottom: 3.594vw;
}
.indexAboutus .indexAboutusLeft .info {
margin-bottom: 3.021vw;
}
.indexAboutus .indexAboutusLeft .info .list {
margin-right: 4.688vw;
}
.indexAboutus .indexAboutusLeft .info .list:last-child {
margin-right: 0px;
}
.indexAboutus .indexAboutusLeft .info .list b {
display: block;
font-size: 0.833vw;
color: #000000;
margin-bottom: 0.208vw;
}
.indexAboutus .indexAboutusLeft .info .list p {
font-family: SKSans;
font-weight: bold;
font-size: 3.125vw;
color: #FF0000;
line-height: 3.125vw;
}
.indexAboutus .indexAboutusLeft .info .list span {
font-weight: 400;
font-size: 0.833vw;
color: #000000;
}
.indexAboutus .indexAboutusLeft .more {
display: block;
width: 8.594vw;
height: 2.552vw;
line-height: 2.448vw;
text-align: center;
border: 1px solid #b1b1b1;
font-size: 0.729vw;
color: #333;
font-weight: bold;
position: relative;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.indexAboutus .indexAboutusLeft .more i {
margin-left: 1.927vw;
}
.indexAboutus .indexAboutusLeft .more span {
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.indexAboutus .indexAboutusLeft .more span::before, .indexAboutus .indexAboutusLeft .more span::after {
position: absolute;
background: #D7010B;
-webkit-transition: all 0.6s;
transition: all 0.6s;
content: "";
display: block;
}
.indexAboutus .indexAboutusLeft .more span::before {
width: 1.094vw;
height: 2px;
}
.indexAboutus .indexAboutusLeft .more span::after {
width: 2px;
height: 0.521vw;
}
.indexAboutus .indexAboutusLeft .more span:nth-of-type(1)::before, .indexAboutus .indexAboutusLeft .more span:nth-of-type(1)::after {
left: 0px;
bottom: 0px;
}
.indexAboutus .indexAboutusLeft .more span:nth-of-type(2)::before, .indexAboutus .indexAboutusLeft .more span:nth-of-type(2)::after {
right: 0px;
top: 0px;
}
.indexAboutus .indexAboutusLeft .more:hover {
background: #D7010B;
color: #fff;
-webkit-transition: all 0.6s 0.6s;
transition: all 0.6s 0.6s;
}
.indexAboutus .indexAboutusLeft .more:hover span:nth-of-type(1)::before {
width: 100%;
}
.indexAboutus .indexAboutusLeft .more:hover span:nth-of-type(1)::after {
height: 100%;
}
.indexAboutus .indexAboutusLeft .more:hover span:nth-of-type(2)::before {
width: 100%;
}
.indexAboutus .indexAboutusLeft .more:hover span:nth-of-type(2)::after {
height: 100%;
}
.indexAboutus .indexAboutusRight {
width: 42.4418604651%;
padding-bottom: 3.594vw;
position: relative;
}
.indexAboutus .indexAboutusRight::after {
position: absolute;
right: 0px;
bottom: 0px;
width: 22.76vw;
height: 27.396vw;
background: url("../images/indexAboutusPiece.jpg") no-repeat center/cover;
border-radius: 2.604vw 0px 2.604vw 0px;
content: "";
display: block;
}
.indexAboutus .indexAboutusRight .image {
width: 32.188vw;
border-radius: 2.604vw 0px 2.604vw 0px;
overflow: hidden;
position: relative;
z-index: 2;
}
.indexAboutus .indexAboutusRight .image:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.indexAboutus .indexAboutusRight .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/* 首页-智能制造 */
.indexManufacture {
position: relative;
}
.indexManufacture .indexManufactureList {
position: absolute;
left: 50%;
bottom: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide {
padding: 1.042vw 2.708vw 1.042vw;
background: #fff;
cursor: pointer;
position: relative;
overflow: hidden;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide::before {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 100%;
background: url("../images/indexManufactureMask.png") no-repeat;
background-position: 0px -6.875vw;
background-size: 100% auto;
pointer-events: none;
z-index: 3;
-webkit-transition: all 0.8s ease-out 0.2s;
transition: all 0.8s ease-out 0.2s;
content: "";
display: block;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide::after {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0.156vw;
background: -webkit-linear-gradient(45deg, #c51e17, #d92f1e);
background: linear-gradient(45deg, #c51e17, #d92f1e);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
content: "";
display: block;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide .title {
font-size: 1.406vw;
color: #000000;
font-weight: 500;
margin-bottom: 1.302vw;
position: relative;
z-index: 4;
-webkit-transition: all 0.4s ease 0.1s;
transition: all 0.4s ease 0.1s;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide .icon {
width: 2.865vw;
height: 2.865vw;
border-radius: 50%;
border: 2px solid #DCDCDC;
position: relative;
z-index: 4;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide .icon img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide.active::before {
background-position: 0px -3.125vw;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide.active::after {
height: 100%;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide.active .title {
color: #fff;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide.active .icon {
border-color: #fff;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide.active .icon img {
-webkit-filter: grayscale(1) brightness(500%);
filter: grayscale(1) brightness(500%);
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide {
position: relative;
pointer-events: none;
opacity: 0 !important;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .image img {
width: 100vw;
height: auto;
object-fit: cover;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content {
position: absolute;
left: 50%;
top: 4.635vw;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .title {
margin-bottom: 1.771vw;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 0.938vw;
color: #333333;
margin-bottom: 3.594vw;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more {
display: block;
width: 9.792vw;
height: 2.917vw;
line-height: 2.813vw;
text-align: center;
border: 1px solid #8390a3;
font-size: 0.833vw;
color: #333;
font-weight: bold;
position: relative;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more i {
margin-left: 1.927vw;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span {
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span::before, .indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span::after {
position: absolute;
background: #D7010B;
-webkit-transition: all 0.6s;
transition: all 0.6s;
content: "";
display: block;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span::before {
width: 1.094vw;
height: 2px;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span::after {
width: 2px;
height: 0.521vw;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span:nth-of-type(1)::before, .indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span:nth-of-type(1)::after {
left: 0px;
bottom: 0px;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span:nth-of-type(2)::before, .indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span:nth-of-type(2)::after {
right: 0px;
top: 0px;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more:hover {
background: #D7010B;
color: #fff;
-webkit-transition: all 0.6s 0.6s;
transition: all 0.6s 0.6s;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more:hover span:nth-of-type(1)::before {
width: 100%;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more:hover span:nth-of-type(1)::after {
height: 100%;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more:hover span:nth-of-type(2)::before {
width: 100%;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more:hover span:nth-of-type(2)::after {
height: 100%;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide-active {
pointer-events: all;
opacity: 1 !important;
}
/* 首页-运营服务 */
.indexOperation {
padding: 8.229vw 0px 6.927vw;
position: relative;
}
.indexOperation .indexOperationMain {
margin-top: -6.25vw;
}
.indexOperation .indexOperationMain .indexOperationList {
width: 37.9651162791%;
padding-top: 9.948vw;
}
.indexOperation .indexOperationMain .indexOperationList .list {
border-bottom: 1px solid #C4C4C4;
}
.indexOperation .indexOperationMain .indexOperationList .list .title {
font-weight: 400;
font-size: 1.354vw;
color: #000000;
padding: 1.823vw 0px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content {
display: none;
padding: 1.563vw 0px 2.76vw;
position: relative;
}
.indexOperation .indexOperationMain .indexOperationList .list .content::before {
position: absolute;
left: 0px;
top: 0px;
width: 1.667vw;
height: 0.208vw;
background: #D7010B;
content: "";
display: block;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .intro {
font-weight: 400;
font-size: 0.833vw;
color: #666666;
line-height: 1.25vw;
margin-bottom: 1.563vw;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more {
display: block;
width: 7.76vw;
height: 2.292vw;
line-height: 2.188vw;
text-align: center;
border: 1px solid #b1b1b1;
font-size: 0.729vw;
color: #333;
font-weight: bold;
position: relative;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more i {
margin-left: 1.927vw;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more span {
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more span::before, .indexOperation .indexOperationMain .indexOperationList .list .content .more span::after {
position: absolute;
background: #D7010B;
-webkit-transition: all 0.6s;
transition: all 0.6s;
content: "";
display: block;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more span::before {
width: 1.094vw;
height: 2px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more span::after {
width: 2px;
height: 0.521vw;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more span:nth-of-type(1)::before, .indexOperation .indexOperationMain .indexOperationList .list .content .more span:nth-of-type(1)::after {
left: 0px;
bottom: 0px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more span:nth-of-type(2)::before, .indexOperation .indexOperationMain .indexOperationList .list .content .more span:nth-of-type(2)::after {
right: 0px;
top: 0px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more:hover {
background: #D7010B;
color: #fff;
-webkit-transition: all 0.6s 0.6s;
transition: all 0.6s 0.6s;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more:hover span:nth-of-type(1)::before {
width: 100%;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more:hover span:nth-of-type(1)::after {
height: 100%;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more:hover span:nth-of-type(2)::before {
width: 100%;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more:hover span:nth-of-type(2)::after {
height: 100%;
}
.indexOperation .indexOperationMain .indexOperationBox {
width: 54.476744186%;
margin: 0px;
}
.indexOperation .indexOperationMain .indexOperationBox .swiper-wrapper .swiper-slide {
pointer-events: none;
opacity: 0 !important;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.indexOperation .indexOperationMain .indexOperationBox .swiper-wrapper .swiper-slide img {
width: 100%;
height: auto;
}
.indexOperation .indexOperationMain .indexOperationBox .swiper-wrapper .swiper-slide-active {
pointer-events: all;
opacity: 1 !important;
}
/* 首页-金融服务 */
.indexFinancial {
padding: 5.417vw 0px 6.927vw;
position: relative;
overflow: hidden;
}
.indexFinancial .indexFinancialTitle {
margin-bottom: 4.635vw;
}
.indexFinancial .indexFinancialTitle .more {
display: block;
width: 9.792vw;
height: 2.917vw;
line-height: 2.813vw;
text-align: center;
border: 1px solid #708aa3;
font-size: 0.833vw;
color: #333;
font-weight: bold;
position: relative;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.indexFinancial .indexFinancialTitle .more i {
margin-left: 1.927vw;
}
.indexFinancial .indexFinancialTitle .more span {
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.indexFinancial .indexFinancialTitle .more span::before, .indexFinancial .indexFinancialTitle .more span::after {
position: absolute;
background: #D7010B;
-webkit-transition: all 0.6s;
transition: all 0.6s;
content: "";
display: block;
}
.indexFinancial .indexFinancialTitle .more span::before {
width: 1.094vw;
height: 2px;
}
.indexFinancial .indexFinancialTitle .more span::after {
width: 2px;
height: 0.521vw;
}
.indexFinancial .indexFinancialTitle .more span:nth-of-type(1)::before, .indexFinancial .indexFinancialTitle .more span:nth-of-type(1)::after {
left: 0px;
bottom: 0px;
}
.indexFinancial .indexFinancialTitle .more span:nth-of-type(2)::before, .indexFinancial .indexFinancialTitle .more span:nth-of-type(2)::after {
right: 0px;
top: 0px;
}
.indexFinancial .indexFinancialTitle .more:hover {
background: #D7010B;
color: #fff;
-webkit-transition: all 0.6s 0.6s;
transition: all 0.6s 0.6s;
}
.indexFinancial .indexFinancialTitle .more:hover span:nth-of-type(1)::before {
width: 100%;
}
.indexFinancial .indexFinancialTitle .more:hover span:nth-of-type(1)::after {
height: 100%;
}
.indexFinancial .indexFinancialTitle .more:hover span:nth-of-type(2)::before {
width: 100%;
}
.indexFinancial .indexFinancialTitle .more:hover span:nth-of-type(2)::after {
height: 100%;
}
.indexFinancial .indexFinancialMain .indexFinancialBox {
margin-bottom: 1.458vw;
overflow: visible;
}
.indexFinancial .indexFinancialMain .indexFinancialBox:last-child {
margin-bottom: 0px;
}
.indexFinancial .indexFinancialMain .indexFinancialBox .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.indexFinancial .indexFinancialMain .indexFinancialBox .swiper-wrapper .swiper-slide {
width: 18.229vw;
-webkit-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
transform: skewX(-10deg);
position: relative;
}
.indexFinancial .indexFinancialMain .indexFinancialBox .swiper-wrapper .swiper-slide::after {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: #b40e0f;
border-radius: 0.469vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
content: "";
display: block;
}
.indexFinancial .indexFinancialMain .indexFinancialBox .swiper-wrapper .swiper-slide:hover::after {
-webkit-transform: translate(0.573vw, 0.573vw);
-ms-transform: translate(0.573vw, 0.573vw);
transform: translate(0.573vw, 0.573vw);
}
.indexFinancial .indexFinancialMain .indexFinancialBox .swiper-wrapper .swiper-slide a {
display: block;
background: #fff;
position: relative;
z-index: 2;
border-radius: 0.469vw;
overflow: hidden;
box-shadow: 0px 0px 1.823vw 0px rgba(101, 100, 109, 0.41);
}
.indexFinancial .indexFinancialMain .indexFinancialBox .swiper-wrapper .swiper-slide a img {
width: 100%;
height: auto;
-webkit-transform: skewX(10deg);
-ms-transform: skewX(10deg);
transform: skewX(10deg);
}
/* 首页-热点聚焦 */
.indexNews {
padding: 4.948vw 0px 6.25vw;
}
.indexNews .indexNewsTitle {
margin-bottom: 2.604vw;
}
.indexNews .indexNewsTitle .more {
display: block;
width: 9.792vw;
height: 2.917vw;
line-height: 2.813vw;
text-align: center;
border: 1px solid #c3c2c2;
font-size: 0.833vw;
color: #333;
font-weight: bold;
position: relative;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.indexNews .indexNewsTitle .more i {
margin-left: 1.927vw;
}
.indexNews .indexNewsTitle .more span {
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.indexNews .indexNewsTitle .more span::before, .indexNews .indexNewsTitle .more span::after {
position: absolute;
background: #D7010B;
-webkit-transition: all 0.6s;
transition: all 0.6s;
content: "";
display: block;
}
.indexNews .indexNewsTitle .more span::before {
width: 1.094vw;
height: 2px;
}
.indexNews .indexNewsTitle .more span::after {
width: 2px;
height: 0.521vw;
}
.indexNews .indexNewsTitle .more span:nth-of-type(1)::before, .indexNews .indexNewsTitle .more span:nth-of-type(1)::after {
left: 0px;
bottom: 0px;
}
.indexNews .indexNewsTitle .more span:nth-of-type(2)::before, .indexNews .indexNewsTitle .more span:nth-of-type(2)::after {
right: 0px;
top: 0px;
}
.indexNews .indexNewsTitle .more:hover {
background: #D7010B;
color: #fff;
-webkit-transition: all 0.6s 0.6s;
transition: all 0.6s 0.6s;
}
.indexNews .indexNewsTitle .more:hover span:nth-of-type(1)::before {
width: 100%;
}
.indexNews .indexNewsTitle .more:hover span:nth-of-type(1)::after {
height: 100%;
}
.indexNews .indexNewsTitle .more:hover span:nth-of-type(2)::before {
width: 100%;
}
.indexNews .indexNewsTitle .more:hover span:nth-of-type(2)::after {
height: 100%;
}
.indexNews .indexNewsMain .indexNewsLeft {
width: 50%;
}
.indexNews .indexNewsMain .indexNewsLeft a {
display: block;
position: relative;
}
.indexNews .indexNewsMain .indexNewsLeft a:hover .image img {
-webkit-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
}
.indexNews .indexNewsMain .indexNewsLeft a .image {
overflow: hidden;
}
.indexNews .indexNewsMain .indexNewsLeft a .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.indexNews .indexNewsMain .indexNewsLeft a .content {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 35.57%;
padding: 0px 7.656vw 2.292vw 1.823vw;
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.indexNews .indexNewsMain .indexNewsLeft a .content .time {
margin: 0px 2.813vw 0.781vw 0px;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .time span {
font-weight: 400;
color: #FFFFFF;
line-height: 1.667vw;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .time span:nth-child(1) {
font-size: 2.552vw;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .time span:nth-child(2) {
font-size: 1.302vw;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .other .title {
font-weight: 500;
font-size: 1.302vw;
color: #FFFFFF;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0.26vw;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .other .intro {
font-weight: 400;
font-size: 0.885vw;
color: rgba(255, 255, 255, 0.8);
line-height: 1.406vw;
height: 2.813vw;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.indexNews .indexNewsMain .indexNewsRight {
width: 49.8837209302%;
margin: -0.651vw;
}
.indexNews .indexNewsMain .indexNewsRight .list {
margin: 0.651vw;
position: relative;
}
.indexNews .indexNewsMain .indexNewsRight .list:nth-child(1) {
width: 100%;
}
.indexNews .indexNewsMain .indexNewsRight .list:nth-child(1) a {
padding: 1.25vw;
}
.indexNews .indexNewsMain .indexNewsRight .list:nth-child(n+2) {
width: calc(50% - 1.302vw);
}
.indexNews .indexNewsMain .indexNewsRight .list:nth-child(n+2) a {
padding: 1.146vw 2.604vw 2.083vw 1.875vw;
}
.indexNews .indexNewsMain .indexNewsRight .list:nth-child(n+2) a .content .title {
max-height: 3.854vw;
}
.indexNews .indexNewsMain .indexNewsRight .list a {
width: 100%;
height: 15.99vw;
background: #F6F6F6;
position: relative;
}
.indexNews .indexNewsMain .indexNewsRight .list a::after {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: url("../images/indexNewsMask.jpg") no-repeat center/cover;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
content: "";
display: block;
}
.indexNews .indexNewsMain .indexNewsRight .list a:hover::after {
opacity: 1;
visibility: visible;
}
.indexNews .indexNewsMain .indexNewsRight .list a:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.indexNews .indexNewsMain .indexNewsRight .list a:hover .content .title {
color: #fff;
}
.indexNews .indexNewsMain .indexNewsRight .list a:hover .content .time {
color: #fff;
}
.indexNews .indexNewsMain .indexNewsRight .list a:hover .content .intro {
color: rgba(255, 255, 255, 0.8);
}
.indexNews .indexNewsMain .indexNewsRight .list a .image {
width: 19.844vw;
margin-right: 1.458vw;
position: relative;
z-index: 2;
overflow: hidden;
}
.indexNews .indexNewsMain .indexNewsRight .list a .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.indexNews .indexNewsMain .indexNewsRight .list a .content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
z-index: 2;
}
.indexNews .indexNewsMain .indexNewsRight .list a .content .title {
font-weight: 500;
font-size: 1.302vw;
color: #000000;
line-height: 1.927vw;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 1.51vw 0px 1.25vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.indexNews .indexNewsMain .indexNewsRight .list a .content .time {
font-weight: 400;
font-size: 0.885vw;
color: #666666;
margin-bottom: 0.625vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.indexNews .indexNewsMain .indexNewsRight .list a .content .intro {
font-weight: 400;
font-size: 0.885vw;
color: rgba(102, 102, 102, 0.8);
line-height: 1.406vw;
height: 4.219vw;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/* 内页banner */
.detailBanner {
position: relative;
}
.detailBanner + .breadcrumbNav {
margin-top: -5.208vw;
}
.detailBanner + .breadcrumbNav span {
color: #fff;
}
.detailBanner + .breadcrumbNav a {
color: #fff;
}
.detailBanner + .breadcrumbNav a:nth-of-type(1) {
margin-left: 3.646vw;
}
.detailBanner + .breadcrumbNav a:last-of-type, .detailBanner + .breadcrumbNav a:hover {
color: #fff;
}
.detailBanner::after {
position: absolute;
left: 50%;
top: 5.729vw;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 10.417vw);
height: 1px;
background: #fff;
content: "";
display: block;
}
.detailBanner .image img {
width: 100%;
height: auto;
}
.detailBanner .content {
position: absolute;
left: 50%;
top: 54%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.detailBanner .content .title {
font-family: SKSans;
font-weight: 600;
font-size: 14.323vw;
color: rgba(255, 255, 255, 0.1);
text-transform: uppercase;
line-height: 14.063vw;
}
.detailBanner .content .intro {
font-size: 2.5vw;
color: #FFFFFF;
font-weight: 500;
padding: 0px 3.125vw;
}
/* 面包屑导航 */
.breadcrumbNav {
line-height: 5.208vw;
position: relative;
z-index: 2;
margin-top: 5.729vw;
}
.breadcrumbNav span {
font-size: 1.042vw;
color: #333;
margin: 0px 2px;
}
.breadcrumbNav span:last-of-type {
display: none;
}
.breadcrumbNav a {
font-size: 0.729vw;
color: #333;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.breadcrumbNav a:last-of-type {
color: #333;
}
.breadcrumbNav a:hover {
color: #D63D32;
}
/* 产品列表 */
.productsList {
padding: 5.365vw 0px 6.094vw;
background: #f2f7fa;
}
.productsList .productsListBar {
width: 22.2093023256%;
border-radius: 0.833vw;
overflow: hidden;
background: #fff;
}
.productsList .productsListBar .productsListBarTitle {
font-size: 1.979vw;
color: #FFFFFF;
height: 8.021vw;
line-height: 7.813vw;
font-weight: 500;
text-align: center;
background: url("../images/productsListBarTitleBg.jpg") no-repeat center/cover;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel.active .oneLevelTitle .icon::before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelTitle {
padding: 2.135vw 2.396vw 2.552vw;
border-bottom: 1px solid #F4F6F8;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelTitle .title a {
font-size: 1.042vw;
color: #000000;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelTitle .icon {
width: 0.729vw;
height: 0.729vw;
position: relative;
cursor: pointer;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelTitle .icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 2px;
height: 100%;
background: #6C6C6C;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
content: "";
display: block;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelTitle .icon::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 2px;
background: #6C6C6C;
content: "";
display: block;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain {
display: none;
padding: 1.042vw 0px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle {
padding: 0.547vw 2.5vw;
cursor: pointer;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle.active .title a {
color: #D63D32;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle.active .icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title {
margin-left: 0.521vw;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a {
font-size: 0.938vw;
color: #333333;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a:hover {
color: #D63D32;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon {
width: 0.417vw;
height: 0.313vw;
background: #6b7785;
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain {
display: none;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a {
font-size: 0.833vw;
color: #595959;
line-height: 3.333vw;
padding: 0px 3.542vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a::before {
width: 0.677vw;
height: 0.677vw;
background: url("../images/icon-round.png") no-repeat center/cover;
margin-right: 0.521vw;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
content: "";
display: block;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a.active {
color: #D63D32;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a.active::before {
opacity: 1;
visibility: visible;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a:hover {
color: #D63D32;
}
.productsList .productsListRight {
width: 70.9302325581%;
}
.productsList .productsListRight ul {
margin: -0.859vw -0.807vw;
}
.productsList .productsListRight ul li {
width: calc(33.33% - 1.615vw);
margin: 0.859vw 0.807vw;
}
.productsList .productsListRight ul li a {
display: block;
background: #fff;
border-radius: 0.781vw;
overflow: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productsList .productsListRight ul li a:hover {
box-shadow: 0px 0.521vw 1.927vw #eee;
}
.productsList .productsListRight ul li a:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.productsList .productsListRight ul li a .image {
overflow: hidden;
}
.productsList .productsListRight ul li a .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productsList .productsListRight ul li a .content {
padding: 2.24vw 1.719vw 2.031vw;
border-top: 1px solid #F4F6F8;
}
.productsList .productsListRight ul li a .content .title {
font-size: 1.042vw;
color: #000000;
font-weight: 500;
margin-bottom: 0.938vw;
}
.productsList .productsListRight ul li a .content .title::before {
width: 0.781vw;
height: 0.781vw;
background: url("../images/icon-round.png") no-repeat center/cover;
margin-right: 0.625vw;
content: "";
display: block;
}
.productsList .productsListRight ul li a .content .title span {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.productsList .productsListRight ul li a .content .intro {
font-size: 0.781vw;
color: #666666;
line-height: 1.094vw;
height: 2.188vw;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 2.031vw;
}
.productsList .productsListRight ul li a .content .arrow {
font-size: 0.625vw;
color: #9E9494;
text-align: right;
}
/* 产品介绍 */
.productIntro {
padding: 5.156vw 0px 5.99vw;
position: relative;
}
.productIntro .productIntroLeft {
width: 32.9069767442%;
margin-left: 5.729vw;
margin-right: 6.875vw;
}
.productIntro .productIntroLeft .productIntroList {
padding: 0.156vw 0px;
margin: 1.51vw 1.51vw 0px;
position: relative;
}
.productIntro .productIntroLeft .productIntroList .productIntroListMain .swiper-wrapper .swiper-slide {
height: 5.781vw;
border: 1px solid #EAEAEA;
background: url("../images/productBg.jpg") no-repeat center/cover;
border-radius: 1.042vw;
overflow: hidden;
cursor: pointer;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productIntro .productIntroLeft .productIntroList .productIntroListMain .swiper-wrapper .swiper-slide img {
width: 5.781vw;
height: 5.781vw;
object-fit: cover;
}
.productIntro .productIntroLeft .productIntroList .productIntroListMain .swiper-wrapper .swiper-slide-thumb-active {
border-width: 2px;
border-color: #D63D32;
}
.productIntro .productIntroLeft .productIntroList .swiper-button-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -1.563vw;
font-size: 0.521vw;
color: #4e6370;
cursor: pointer;
}
.productIntro .productIntroLeft .productIntroList .swiper-button-prev i {
display: block;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.productIntro .productIntroLeft .productIntroList .swiper-button-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: -1.563vw;
font-size: 0.521vw;
color: #4e6370;
cursor: pointer;
}
.productIntro .productIntroLeft .productIntroMain {
background: url("../images/productBg.jpg") no-repeat center/cover;
border-radius: 1.042vw;
}
.productIntro .productIntroLeft .productIntroMain .swiper-wrapper .swiper-slide img {
width: 100%;
height: auto;
}
.productIntro .productIntroRight {
width: 41.6860465116%;
}
.productIntro .productIntroRight .title {
font-size: 2.083vw;
color: #333333;
font-weight: 500;
margin-bottom: 1.406vw;
}
.productIntro .productIntroRight .line {
border-bottom: 1px solid #BCCFE3;
position: relative;
margin-bottom: 2.24vw;
}
.productIntro .productIntroRight .line::after {
width: 2.813vw;
height: 0.208vw;
background: #D63D32;
margin-bottom: -1px;
content: "";
display: block;
}
.productIntro .productIntroRight .intro {
font-size: 0.938vw;
color: #333333;
line-height: 1.458vw;
min-height: 13.125vw;
margin-bottom: 2.24vw;
}
.productIntro .productIntroRight .more {
display: block;
width: 9.792vw;
height: 2.917vw;
line-height: 2.813vw;
text-align: center;
border: 1px solid #b1b1b1;
font-size: 0.833vw;
color: #333;
font-weight: bold;
position: relative;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.productIntro .productIntroRight .more i {
margin-left: 1.927vw;
}
.productIntro .productIntroRight .more span {
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.productIntro .productIntroRight .more span::before, .productIntro .productIntroRight .more span::after {
position: absolute;
background: #D7010B;
-webkit-transition: all 0.6s;
transition: all 0.6s;
content: "";
display: block;
}
.productIntro .productIntroRight .more span::before {
width: 1.094vw;
height: 2px;
}
.productIntro .productIntroRight .more span::after {
width: 2px;
height: 0.521vw;
}
.productIntro .productIntroRight .more span:nth-of-type(1)::before, .productIntro .productIntroRight .more span:nth-of-type(1)::after {
left: 0px;
bottom: 0px;
}
.productIntro .productIntroRight .more span:nth-of-type(2)::before, .productIntro .productIntroRight .more span:nth-of-type(2)::after {
right: 0px;
top: 0px;
}
.productIntro .productIntroRight .more:hover {
background: #D7010B;
color: #fff;
-webkit-transition: all 0.6s 0.6s;
transition: all 0.6s 0.6s;
}
.productIntro .productIntroRight .more:hover span:nth-of-type(1)::before {
width: 100%;
}
.productIntro .productIntroRight .more:hover span:nth-of-type(1)::after {
height: 100%;
}
.productIntro .productIntroRight .more:hover span:nth-of-type(2)::before {
width: 100%;
}
.productIntro .productIntroRight .more:hover span:nth-of-type(2)::after {
height: 100%;
}
/* 产品特色 */
.productFeatures {
padding: 4.531vw 0px 4.635vw;
position: relative;
}
.productFeatures .productFeaturesTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 2.865vw;
}
.productFeatures .productFeaturesMain {
margin-bottom: 2.344vw;
}
.productFeatures .productFeaturesMain .swiper-wrapper .swiper-slide {
min-height: 19.271vw;
padding: 2.917vw 1.458vw 0.677vw;
text-align: center;
background: #fff;
border-radius: 1.042vw;
overflow: hidden;
}
.productFeatures .productFeaturesMain .swiper-wrapper .swiper-slide .icon {
width: 5.469vw;
border-radius: 50%;
border: 2px solid #EDE0DF;
overflow: hidden;
margin: 0px auto;
}
.productFeatures .productFeaturesMain .swiper-wrapper .swiper-slide .icon img {
width: 100%;
height: auto;
}
.productFeatures .productFeaturesMain .swiper-wrapper .swiper-slide .title {
font-size: 0.99vw;
color: #000000;
margin: 1.302vw 0px 0.833vw;
}
.productFeatures .productFeaturesMain .swiper-wrapper .swiper-slide .intro {
font-size: 0.833vw;
color: #333333;
line-height: 1.25vw;
}
.productFeatures .productFeaturesMain .swiper-pagination {
display: none;
}
.productFeatures .productFeaturesBtns {
text-align: center;
}
.productFeatures .productFeaturesBtns .swiper-button-prev,
.productFeatures .productFeaturesBtns .swiper-button-next {
width: 2.448vw;
height: 2.448vw;
line-height: 2.344vw;
font-size: 0.625vw;
color: #121212;
text-align: center;
border-radius: 50%;
border: 2px solid rgba(189, 189, 189, 0.6);
margin: 0px 2px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.productFeatures .productFeaturesBtns .swiper-button-prev:hover,
.productFeatures .productFeaturesBtns .swiper-button-next:hover {
color: #fff;
background: #D63D32;
border-color: #D63D32;
}
.productFeatures .productFeaturesBtns .swiper-button-prev i {
display: inline-block;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
/* 产品参数 */
.productParameters {
padding: 4.531vw 0px 6.354vw;
position: relative;
}
.productParameters .productParametersTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 3.073vw;
}
.productParameters .productParametersMain {
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 0px 2.24vw 0px rgba(80, 99, 119, 0.1);
border-radius: 1.042vw;
padding: 2.656vw 3.906vw 3.958vw 0px;
border: 1px solid #FFFFFF;
}
.productParameters .productParametersMain .productParametersLeft {
width: 25.26vw;
margin: -1.823vw 4.427vw 0px 3.229vw;
padding-bottom: 2.083vw;
}
.productParameters .productParametersMain .productParametersLeft .swiper-wrapper .swiper-slide img {
width: 100%;
height: auto;
}
.productParameters .productParametersMain .productParametersLeft .swiper-pagination {
display: block;
text-align: center;
}
.productParameters .productParametersMain .productParametersLeft .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
width: 0.573vw;
height: 0.573vw;
border-radius: 50%;
border: 2px solid rgba(102, 102, 102, 0.5);
margin: 0px 0.339vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.productParameters .productParametersMain .productParametersLeft .swiper-pagination .swiper-pagination-bullet-active {
background: #D63D32;
border-color: #D63D32;
}
.productParameters .productParametersMain .productParametersRight {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox {
width: 100%;
max-width: 90%;
height: 24.479vw;
margin-right: 2.76vw;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide table {
width: 100%;
text-align: left;
font-size: 0.833vw;
color: #7d7d7d;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide table tr:nth-child(1) td {
padding: 0.807vw 0.781vw;
font-weight: 400;
border-top: 0px;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide table tr td {
padding: 0.521vw 0.781vw;
border: 1px solid #e2e7ea;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide table tr td:first-child {
border-left: 0px;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide table tr td:last-child {
border-right: 0px;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBtns .swiper-button-prev {
margin-bottom: 0.469vw;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBtns .swiper-button-prev i {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBtns .swiper-button-next i {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBtns .swiper-button-prev,
.productParameters .productParametersMain .productParametersRight .productParametersRightBtns .swiper-button-next {
width: 1.771vw;
height: 1.771vw;
line-height: 1.771vw;
font-size: 0.729vw;
color: #fff;
text-align: center;
border-radius: 50%;
cursor: pointer;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
background: #e39a98;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBtns .swiper-button-prev i,
.productParameters .productParametersMain .productParametersRight .productParametersRightBtns .swiper-button-next i {
display: inline-block;
}
/* 应用案例 */
.applicationCases {
padding: 4.948vw 0px 5.26vw;
position: relative;
}
.applicationCases .applicationCasesTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 2.552vw;
}
.applicationCases .applicationCasesMain {
padding-bottom: 2.083vw;
}
.applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide a {
display: block;
background: #fff;
padding: 1.823vw 1.823vw 2.813vw;
border: 1px solid transparent;
border-radius: 1.042vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide a:hover {
border-color: #D63D32;
box-shadow: -1px 1.094vw 1.406vw 0px rgba(194, 124, 124, 0.39);
}
.applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide a:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide a .image {
border-radius: 1.042vw;
margin-bottom: 1.25vw;
overflow: hidden;
}
.applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide a .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide a p {
font-size: 1.198vw;
color: #2A2F41;
}
.applicationCases .applicationCasesMain .swiper-pagination {
text-align: center;
margin-top: 2.083vw;
}
.applicationCases .applicationCasesMain .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
margin: 0px 0.208vw;
width: 0.938vw;
height: 0.26vw;
border-radius: 0.208vw;
background: #999;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.applicationCases .applicationCasesMain .swiper-pagination .swiper-pagination-bullet-active {
width: 1.354vw;
background: #D63D32;
}
/* 关于我们 */
.aboutus {
padding: 3.958vw 0px 6.406vw;
position: relative;
}
.aboutus .aboutusTitle {
margin-bottom: 5.365vw;
}
.aboutus .aboutusTitle .aboutusTitleLeft {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.aboutus .aboutusTitle .aboutusTitleLeft p {
font-size: 2.5vw;
color: #D63D32;
font-weight: 500;
line-height: 2.604vw;
}
.aboutus .aboutusTitle .aboutusTitleLeft span {
font-size: 0.729vw;
color: #000000;
}
.aboutus .aboutusTitle .aboutusTitleRight {
width: 50%;
}
.aboutus .aboutusTitle .aboutusTitleRight .title {
font-size: 2.708vw;
color: #000000;
margin-bottom: 2.188vw;
font-weight: 500;
}
.aboutus .aboutusTitle .aboutusTitleRight .intro {
font-size: 0.833vw;
color: #333333;
line-height: 1.354vw;
margin-bottom: 2.917vw;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
padding: 0.469vw 4.688vw 0px;
position: relative;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list:first-child {
padding-left: 0px;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list:last-child {
padding-right: 0px;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list:last-child::after {
display: none;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list::after {
position: absolute;
top: 0px;
right: 0px;
width: 0.938vw;
height: 6.563vw;
background: url("../images/border.png") no-repeat center/cover;
content: "";
display: block;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list img {
width: auto;
height: 2.604vw;
margin-bottom: 0.729vw;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list p {
font-size: 1.406vw;
color: #000000;
font-weight: 500;
line-height: 1.2;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list p i {
font-size: 0.781vw;
font-weight: 400;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list span {
font-size: 0.677vw;
color: #595959;
}
.aboutus .aboutusMain {
position: relative;
min-height: 36.979vw;
border-radius: 1.042vw;
padding: 3.255vw 0px;
overflow: hidden;
}
.aboutus .aboutusMain .listBox {
width: 32.292vw;
margin-left: 5.208vw;
}
.aboutus .aboutusMain .listBox .list {
width: 7.24vw;
height: 6.51vw;
text-align: center;
background: url("../images/aboutusItemBg.png") no-repeat center/cover;
padding: 1.458vw 1.042vw;
margin: 0.417vw;
}
.aboutus .aboutusMain .listBox .list img {
width: auto;
height: 1.979vw;
}
.aboutus .aboutusMain .listBox .list span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.781vw;
line-height: 1.042vw;
min-height: 2.083vw;
color: #000000;
font-weight: 600;
}
.aboutus .aboutusMain .listBox .list p {
font-weight: 500;
font-size: 0.417vw;
color: rgba(92, 92, 92, 0.3);
line-height: 0.521vw;
text-transform: uppercase;
margin-top: 1.406vw;
}
/* 主营业务 */
.business {
padding: 4.792vw 0px 6.51vw;
position: relative;
}
.business .businessTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 4.531vw;
font-weight: 500;
}
.business .businessMain ul li {
width: 25%;
height: 12.344vw;
padding: 1.823vw 1.25vw;
text-align: center;
border-right: 1px solid #dae3e8;
border-bottom: 1px solid #dae3e8;
position: relative;
}
.business .businessMain ul li:nth-child(4n+4) {
border-right: 0px;
}
.business .businessMain ul li:last-child {
padding-top: 3.229vw;
}
.business .businessMain ul li:last-child .content p {
margin-bottom: 1.354vw;
}
.business .businessMain ul li::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: url("../images/businessHover.jpg") no-repeat center/cover;
border-radius: 1.25vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
visibility: visible;
content: "";
display: block;
}
.business .businessMain ul li:hover::after {
height: calc(100% + 2.083vw);
opacity: 1;
visibility: visible;
}
.business .businessMain ul li:hover .content {
-webkit-transform: translateY(-0.521vw);
-ms-transform: translateY(-0.521vw);
transform: translateY(-0.521vw);
}
.business .businessMain ul li:hover .content img {
-webkit-filter: grayscale(1) brightness(500%);
filter: grayscale(1) brightness(500%);
}
.business .businessMain ul li:hover .content p {
color: #fff;
}
.business .businessMain ul li:hover .content span {
color: #fff;
}
.business .businessMain ul li:hover .content .more {
border-color: #fff;
color: #fff;
}
.business .businessMain ul li .content {
position: relative;
z-index: 2;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.business .businessMain ul li .content img {
width: auto;
height: 3.281vw;
margin-bottom: 1.198vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.business .businessMain ul li .content p {
font-size: 1.146vw;
color: #000000;
margin-bottom: 0.625vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.business .businessMain ul li .content span {
display: block;
font-size: 0.833vw;
color: #555555;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.business .businessMain ul li .content .more {
display: block;
width: 8.958vw;
height: 2.708vw;
line-height: 2.604vw;
text-align: center;
border: 1px solid #b1b1b1;
font-size: 0.729vw;
color: #333;
font-weight: bold;
position: relative;
-webkit-transition: all 0.6s;
transition: all 0.6s;
margin: 0 auto;
}
.business .businessMain ul li .content .more i {
margin-left: 1.927vw;
}
.business .businessMain ul li .content .more span {
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.business .businessMain ul li .content .more span::before, .business .businessMain ul li .content .more span::after {
position: absolute;
background: #D7010B;
-webkit-transition: all 0.6s;
transition: all 0.6s;
content: "";
display: block;
}
.business .businessMain ul li .content .more span::before {
width: 1.094vw;
height: 2px;
}
.business .businessMain ul li .content .more span::after {
width: 2px;
height: 0.521vw;
}
.business .businessMain ul li .content .more span:nth-of-type(1)::before, .business .businessMain ul li .content .more span:nth-of-type(1)::after {
left: 0px;
bottom: 0px;
}
.business .businessMain ul li .content .more span:nth-of-type(2)::before, .business .businessMain ul li .content .more span:nth-of-type(2)::after {
right: 0px;
top: 0px;
}
.business .businessMain ul li .content .more:hover {
background: #D7010B;
color: #fff;
-webkit-transition: all 0.6s 0.6s;
transition: all 0.6s 0.6s;
}
.business .businessMain ul li .content .more:hover span:nth-of-type(1)::before {
width: 100%;
}
.business .businessMain ul li .content .more:hover span:nth-of-type(1)::after {
height: 100%;
}
.business .businessMain ul li .content .more:hover span:nth-of-type(2)::before {
width: 100%;
}
.business .businessMain ul li .content .more:hover span:nth-of-type(2)::after {
height: 100%;
}
/* 发展历程 */
.history {
padding: 4.844vw 0px 5.938vw;
position: relative;
overflow: hidden;
}
.history .historyTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 2.969vw;
font-weight: 500;
}
.history .historyMain {
width: 23.958vw;
padding: 1.563vw 0px;
margin: 0px auto 3.594vw;
overflow: visible;
}
.history .historyMain .swiper-wrapper .swiper-slide {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
padding: 1.146vw 0.938vw 0.938vw;
border: 1px solid #F0F4F5;
border-radius: 1.042vw;
background: #FFFFFF;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.history .historyMain .swiper-wrapper .swiper-slide:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.history .historyMain .swiper-wrapper .swiper-slide .content {
text-align: center;
margin-bottom: 2.083vw;
}
.history .historyMain .swiper-wrapper .swiper-slide .content .year {
font-family: SKSans;
font-weight: 500;
font-size: 4.219vw;
color: #333333;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-bottom: 0.833vw;
}
.history .historyMain .swiper-wrapper .swiper-slide .content .line {
width: 1.875vw;
height: 0.208vw;
background: #CCCCCC;
margin: 0 auto 1.875vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.history .historyMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 0.885vw;
color: #333333;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.history .historyMain .swiper-wrapper .swiper-slide .image {
border-radius: 1.042vw;
overflow: hidden;
}
.history .historyMain .swiper-wrapper .swiper-slide .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.history .historyMain .swiper-wrapper .swiper-slide-prev,
.history .historyMain .swiper-wrapper .swiper-slide-next {
opacity: 1;
visibility: visible;
}
.history .historyMain .swiper-wrapper .swiper-slide-active {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background: -webkit-linear-gradient(210deg, #e1706f, #bf1113);
background: linear-gradient(240deg, #e1706f, #bf1113);
}
.history .historyMain .swiper-wrapper .swiper-slide-active .content .year {
color: #fff;
}
.history .historyMain .swiper-wrapper .swiper-slide-active .content .line {
background: rgba(255, 255, 255, 0.5);
}
.history .historyMain .swiper-wrapper .swiper-slide-active .content .intro {
color: #fff;
}
.history .historyList {
margin: 0px 5.208vw;
overflow: visible;
}
.history .historyList .swiper-wrapper .swiper-slide {
cursor: pointer;
position: relative;
}
.history .historyList .swiper-wrapper .swiper-slide:last-child::after {
display: none;
}
.history .historyList .swiper-wrapper .swiper-slide::before {
width: 2px;
height: 1.094vw;
background: #C2C2C2;
margin-bottom: 0.781vw;
content: "";
display: block;
}
.history .historyList .swiper-wrapper .swiper-slide::after {
position: absolute;
left: 0%;
top: 1.094vw;
width: 100%;
height: 1px;
background: #C2C2C2;
content: "";
display: block;
}
.history .historyList .swiper-wrapper .swiper-slide .year {
display: inline-block;
font-size: 0.938vw;
color: #333333;
font-weight: 500;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.history .historyList .swiper-wrapper .swiper-slide .line {
position: absolute;
top: 0.625vw;
left: 0%;
width: 100%;
height: 0.469vw;
}
.history .historyList .swiper-wrapper .swiper-slide .line span {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
border-right: 1px solid #C2C2C2;
}
.history .historyList .swiper-wrapper .swiper-slide .line span:last-child {
border-right: 0px;
}
.history .historyList .swiper-wrapper .swiper-slide.active::before {
background: #D63D32;
}
.history .historyList .swiper-wrapper .swiper-slide.active .year {
color: #D63D32;
-webkit-transform: scale(1.3) translateX(-38%);
-ms-transform: scale(1.3) translateX(-38%);
transform: scale(1.3) translateX(-38%);
}
.history .swiper-button-prev,
.history .swiper-button-next {
position: absolute;
top: 50%;
width: 2.396vw;
height: 2.396vw;
line-height: 2.396vw;
text-align: center;
background: #F3DFDE;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
z-index: 2;
}
.history .swiper-button-prev {
left: 4.375vw;
}
.history .swiper-button-prev i {
display: inline-block;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.history .swiper-button-next {
right: 4.375vw;
}
/* 组织架构 */
.organizationalStructure {
padding: 3.333vw 0px 4.948vw;
overflow: hidden;
}
.organizationalStructure .organizationalStructureTitle {
text-align: center;
margin-bottom: 2.708vw;
}
.organizationalStructure .organizationalStructureTitle .logo {
margin-bottom: 0.365vw;
}
.organizationalStructure .organizationalStructureTitle .logo img {
width: auto;
height: 1.979vw;
}
.organizationalStructure .organizationalStructureTitle .title {
font-size: 2.708vw;
color: #000000;
}
.organizationalStructure .organizationalStructureMain {
overflow: visible;
margin: 0px 6.25vw;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide {
padding: 3.021vw 4.167vw 3.125vw;
background: #F2F4F7;
text-align: center;
border-radius: 1.042vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide:hover {
box-shadow: 0.26vw 0.26vw 1.302vw #ddd;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide:hover .content .more {
font-weight: 500;
-webkit-animation: MoveBg 2s linear 0.8s forwards;
animation: MoveBg 2s linear 0.8s forwards;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide:hover .content .more i {
margin-left: 1.042vw;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .logo {
width: 10.521vw;
height: 10.521vw;
border-radius: 50%;
overflow: hidden;
background: #fff;
margin: 0px auto;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .logo img {
width: 100%;
height: 10.521vw;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .logo span {
width: 100%;
text-align: center;
font-size: 1.25vw;
color: #000;
font-weight: 600;
padding: 1.042vw;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content {
margin-top: 2.5vw;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content .title {
font-size: 1.146vw;
color: #000000;
margin-bottom: 0.417vw;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 0.781vw;
color: #737373;
line-height: 1.146vw;
height: 3.438vw;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 3.177vw;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content .other {
display: none;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content .more {
font-size: 0.781vw;
color: #d53c34;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content .more i {
margin-left: 0.677vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.organizationalStructure .organizationalStructureMain .swiper-button-prev,
.organizationalStructure .organizationalStructureMain .swiper-button-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.448vw;
height: 2.448vw;
line-height: 2.188vw;
font-size: 0.625vw;
color: #121212;
text-align: center;
border-radius: 50%;
border: 2px solid rgba(189, 189, 189, 0.6);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
z-index: 2;
}
.organizationalStructure .organizationalStructureMain .swiper-button-prev:hover,
.organizationalStructure .organizationalStructureMain .swiper-button-next:hover {
color: #fff;
background: #D63D32;
border-color: #D63D32;
}
.organizationalStructure .organizationalStructureMain .swiper-button-prev {
left: -6.25vw;
}
.organizationalStructure .organizationalStructureMain .swiper-button-prev i {
display: inline-block;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.organizationalStructure .organizationalStructureMain .swiper-button-next {
right: -6.25vw;
}
.organizationalStructure .organizationalStructureMain .swiper-pagination {
display: none;
}
/* 组织架构弹窗 */
.organizationalStructurePopupBox {
background: #FFFFFF;
border-radius: 1.042vw;
}
.organizationalStructurePopupBox .layui-layer-setwin {
display: none;
}
.organizationalStructurePopupBox .organizationalStructurePopup {
width: 78.906vw;
min-height: 18.802vw;
padding: 4.323vw 4.297vw 4.583vw;
text-align: center;
position: relative;
}
.organizationalStructurePopupBox .organizationalStructurePopup .organizationalStructurePopupClose {
position: absolute;
top: 2.292vw;
right: 2.552vw;
font-size: 1.042vw;
color: #000;
cursor: pointer;
}
.organizationalStructurePopupBox .organizationalStructurePopup .organizationalStructurePopupTitle {
display: inline-block;
width: auto;
height: 3.073vw;
line-height: 3.073vw;
font-weight: 500;
font-size: 1.146vw;
color: #FFFFFF;
background: #C00000;
padding: 0px 3.281vw;
border-radius: 1.354vw 0px 1.354vw 0px;
margin-bottom: 3.021vw;
}
.organizationalStructurePopupBox .organizationalStructurePopup .organizationalStructurePopupMain {
margin: -0.651vw;
}
.organizationalStructurePopupBox .organizationalStructurePopup .organizationalStructurePopupMain span {
min-width: 16.51vw;
height: 3.906vw;
line-height: 3.802vw;
font-weight: 500;
font-size: 0.99vw;
color: #165DBB;
background: rgba(233, 241, 252, 0.6);
border-radius: 0.781vw;
padding: 0px 2.604vw;
text-align: center;
border: 1px solid rgba(36, 74, 143, 0.6);
margin: 0.651vw;
}
/* 生产基地 */
.productionBase {
padding: 4.844vw 0px 6.51vw;
position: relative;
}
.productionBase .productionBaseTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 2.969vw;
font-weight: 500;
}
.productionBase .productionBaseMain ul {
margin: 0px -0.495vw;
}
.productionBase .productionBaseMain ul li {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 32.448vw;
border-radius: 1.042vw;
overflow: hidden;
position: relative;
margin: 0px 0.495vw;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.productionBase .productionBaseMain ul li:hover {
-webkit-box-flex: 46.771vw;
-webkit-flex: 46.771vw;
-ms-flex: 46.771vw;
flex: 46.771vw;
}
.productionBase .productionBaseMain ul li:hover .title {
opacity: 1;
visibility: visible;
}
.productionBase .productionBaseMain ul li:hover .subTitle {
opacity: 0;
visibility: hidden;
}
.productionBase .productionBaseMain ul li .title {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 40%;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
font-size: 1.25vw;
color: #fff;
padding: 9.01vw 2.604vw 0px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productionBase .productionBaseMain ul li .subTitle {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
font-size: 1.25vw;
color: #fff;
text-align: center;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
letter-spacing: 0.26vw;
}
/* 运营思路 */
.operationalApproach {
padding: 4.323vw 0px 5.99vw;
}
.operationalApproach .operationalApproachTitle {
font-size: 2.708vw;
color: #000000;
text-align: center;
margin-bottom: 2.969vw;
font-weight: 500;
}
.operationalApproach .operationalApproachMain ul li {
margin-bottom: 1.302vw;
}
.operationalApproach .operationalApproachMain ul li:last-child {
margin-bottom: 0px;
}
.operationalApproach .operationalApproachMain ul li.active .title::after {
opacity: 1;
visibility: visible;
}
.operationalApproach .operationalApproachMain ul li.active .title span {
color: #fff;
}
.operationalApproach .operationalApproachMain ul li.active .title i::before, .operationalApproach .operationalApproachMain ul li.active .title i::after {
background: #fff;
}
.operationalApproach .operationalApproachMain ul li.active .title i::after {
-webkit-transform: rotate(-90deg) translate(-50%, -50%);
-ms-transform: rotate(-90deg) translate(-50%, -50%);
transform: rotate(-90deg) translate(-50%, -50%);
}
.operationalApproach .operationalApproachMain ul li .title {
padding: 0px 2.813vw;
height: 5.104vw;
line-height: 5.104vw;
background: url("../images/operationalApproachBorder.png") no-repeat center/cover;
cursor: pointer;
position: relative;
}
.operationalApproach .operationalApproachMain ul li .title::after {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url("../images/operationalApproachHover.png") no-repeat center/cover;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
content: "";
display: block;
}
.operationalApproach .operationalApproachMain ul li .title span {
font-size: 1.042vw;
color: #000000;
position: relative;
z-index: 2;
}
.operationalApproach .operationalApproachMain ul li .title i {
display: block;
width: 0.938vw;
height: 0.938vw;
position: relative;
z-index: 2;
}
.operationalApproach .operationalApproachMain ul li .title i::before, .operationalApproach .operationalApproachMain ul li .title i::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #6C6C6C;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
content: "";
display: block;
}
.operationalApproach .operationalApproachMain ul li .title i::before {
width: 100%;
height: 2px;
}
.operationalApproach .operationalApproachMain ul li .title i::after {
width: 2px;
height: 100%;
}
.operationalApproach .operationalApproachMain ul li .content {
display: none;
position: relative;
border-radius: 1.042vw;
overflow: hidden;
}
.operationalApproach .operationalApproachMain ul li .content:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.operationalApproach .operationalApproachMain ul li .content .image {
overflow: hidden;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-image: url("../images/operationalApproachMask.png");
mask-image: url("../images/operationalApproachMask.png");
}
.operationalApproach .operationalApproachMain ul li .content .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.operationalApproach .operationalApproachMain ul li .content .contentBox {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
padding: 4.688vw 2.917vw 2.24vw;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.operationalApproach .operationalApproachMain ul li .content .contentBox .subTitle {
font-size: 1.354vw;
color: #FFFFFF;
margin-bottom: 0.365vw;
}
.operationalApproach .operationalApproachMain ul li .content .contentBox .intro {
font-size: 0.833vw;
color: #FFFFFF;
}
/* 专业团队 */
.professionalTeam {
padding: 4.219vw 0px 5.677vw;
position: relative;
}
.professionalTeam .professionalTeamTitle {
font-size: 2.708vw;
color: #000000;
text-align: center;
margin-bottom: 2.969vw;
font-weight: 500;
}
.professionalTeam .professionalTeamMain ul {
display: -ms-grid;
display: grid;
grid-gap: 1.354vw;
grid: "list1 list2 list4" "list1 list3 list4";
-ms-grid-columns: 26.094vw 34.479vw 26.094vw;
grid-template-columns: 26.094vw 34.479vw 26.094vw;
}
.professionalTeam .professionalTeamMain ul li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #fff;
border-radius: 0.781vw;
overflow: hidden;
}
.professionalTeam .professionalTeamMain ul li:nth-child(1) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-area: list1;
}
.professionalTeam .professionalTeamMain ul li:nth-child(2) {
grid-area: list2;
}
.professionalTeam .professionalTeamMain ul li:nth-child(2) .image {
width: 19.896vw;
}
.professionalTeam .professionalTeamMain ul li:nth-child(3) {
grid-area: list3;
}
.professionalTeam .professionalTeamMain ul li:nth-child(3) .image {
width: 19.896vw;
}
.professionalTeam .professionalTeamMain ul li:nth-child(4) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-area: list4;
}
.professionalTeam .professionalTeamMain ul li:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.professionalTeam .professionalTeamMain ul li .content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 2.76vw 2.083vw 2.083vw;
}
.professionalTeam .professionalTeamMain ul li .content .title {
font-size: 1.25vw;
color: #000000;
margin-bottom: 1.146vw;
}
.professionalTeam .professionalTeamMain ul li .content .line {
width: 2.135vw;
height: 0.208vw;
background: #D63D32;
margin-bottom: 1.25vw;
}
.professionalTeam .professionalTeamMain ul li .content .intro {
font-size: 0.938vw;
color: #797979;
line-height: 1.458vw;
}
.professionalTeam .professionalTeamMain ul li .image {
border-radius: 0.781vw;
overflow: hidden;
}
.professionalTeam .professionalTeamMain ul li .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/* 公司介绍 */
.companyIntroduction {
padding: 6.302vw 0px 6.406vw;
position: relative;
}
.companyIntroduction::after {
position: absolute;
top: 3.125vw;
right: 1.771vw;
width: 9.063vw;
height: 6.667vw;
background: url("../images/companyIntroductionLine.png") no-repeat center/cover;
content: "";
display: block;
}
.companyIntroduction .content {
width: 37.5%;
padding-top: 0.938vw;
}
.companyIntroduction .content .symbol img {
width: 3.698vw;
height: auto;
}
.companyIntroduction .content .title {
font-size: 2.708vw;
color: #000000;
line-height: 3.333vw;
margin: 3.177vw 0px 2.604vw;
font-weight: 500;
}
.companyIntroduction .content .intro {
font-size: 0.833vw;
color: #666666;
line-height: 1.354vw;
}
.companyIntroduction .image {
width: 53.2558139535%;
border-radius: 5.938vw 0.781vw 0.781vw 0.781vw;
overflow: hidden;
position: relative;
z-index: 2;
}
.companyIntroduction .image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.companyIntroduction .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
z-index: 2;
}
/* 合作模式 */
.collaborationMode {
padding: 5.208vw 0px 5.469vw;
position: relative;
overflow: hidden;
}
.collaborationMode .collaborationModeTitle {
font-size: 2.708vw;
color: #000000;
text-align: center;
margin-bottom: 2.969vw;
font-weight: 500;
}
.collaborationMode .collaborationModeMain {
margin: 0px 11.823vw;
overflow: visible;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide {
border-radius: 1.042vw;
overflow: hidden;
background: #fff;
position: relative;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide::after {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
pointer-events: none;
content: "";
display: block;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .image {
width: 38.385vw;
overflow: hidden;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 6.406vw 4.115vw 2.083vw 3.594vw;
position: relative;
border-bottom: 0.156vw solid #D63D32;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .content .number {
position: absolute;
top: 4.948vw;
right: 3.021vw;
font-family: SKSans;
font-weight: 600;
font-size: 6.458vw;
color: rgba(214, 61, 50, 0.07);
line-height: 1;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .content .icon img {
width: auto;
height: 3.646vw;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .content .title {
font-size: 1.563vw;
color: #000000;
margin: 2.5vw 0px 0.99vw;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 0.833vw;
color: #000000;
line-height: 1.354vw;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide-active {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide-active::after {
opacity: 0;
visibility: visible;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide-active:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide-next {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.collaborationMode .collaborationModeMain .swiper-pagination {
display: none;
}
.collaborationMode .collaborationModeMain .swiper-button-prev,
.collaborationMode .collaborationModeMain .swiper-button-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.396vw;
height: 2.396vw;
line-height: 2.396vw;
font-size: 0.729vw;
color: #D63D32;
text-align: center;
background: #E6D2D1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
z-index: 2;
}
.collaborationMode .collaborationModeMain .swiper-button-prev i,
.collaborationMode .collaborationModeMain .swiper-button-next i {
display: inline-block;
}
.collaborationMode .collaborationModeMain .swiper-button-prev:hover,
.collaborationMode .collaborationModeMain .swiper-button-next:hover {
background: #D63D32;
color: #fff;
}
.collaborationMode .collaborationModeMain .swiper-button-prev {
left: -12.917vw;
}
.collaborationMode .collaborationModeMain .swiper-button-prev i {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.collaborationMode .collaborationModeMain .swiper-button-next {
right: -12.917vw;
}
/* 管理体系 */
.managementSystem {
padding: 4.844vw 0px 12.656vw;
position: relative;
overflow: hidden;
}
.managementSystem .managementSystemTitle {
text-align: center;
padding: 0px 15.625vw;
margin-bottom: 5.417vw;
}
.managementSystem .managementSystemTitle .title {
font-size: 2.708vw;
color: #000000;
margin-bottom: 1.354vw;
font-weight: 500;
}
.managementSystem .managementSystemTitle .intro {
font-size: 0.833vw;
color: #666666;
line-height: 1.354vw;
}
.managementSystem .managementSystemMain ul {
position: relative;
}
.managementSystem .managementSystemMain ul::after {
width: 94.844vw;
height: 13.958vw;
background: url("../images/managementSystemLine.png") no-repeat center/cover;
content: "";
display: block;
}
.managementSystem .managementSystemMain ul li {
position: absolute;
cursor: pointer;
}
.managementSystem .managementSystemMain ul li:nth-child(1) {
left: -0.26vw;
bottom: 2px;
}
.managementSystem .managementSystemMain ul li:nth-child(2) {
left: 11.198vw;
bottom: -0.573vw;
}
.managementSystem .managementSystemMain ul li:nth-child(3) {
left: 23.646vw;
bottom: 0.365vw;
}
.managementSystem .managementSystemMain ul li:nth-child(4) {
left: 34.844vw;
bottom: 2.604vw;
}
.managementSystem .managementSystemMain ul li:nth-child(5) {
left: 46.042vw;
bottom: 6.198vw;
}
.managementSystem .managementSystemMain ul li:nth-child(6) {
left: 57.24vw;
bottom: 10vw;
}
.managementSystem .managementSystemMain ul li:nth-child(7) {
left: 68.438vw;
bottom: 12.396vw;
}
.managementSystem .managementSystemMain ul li:nth-child(8) {
left: 79.635vw;
bottom: 13.333vw;
}
.managementSystem .managementSystemMain ul li.active .popup {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.managementSystem .managementSystemMain ul li .drop {
width: 1.25vw;
height: 1.25vw;
background: rgba(214, 61, 50, 0.2);
border-radius: 50%;
position: relative;
}
.managementSystem .managementSystemMain ul li .drop::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0.417vw;
height: 0.417vw;
background: #D63D32;
border-radius: 50%;
content: "";
display: block;
}
.managementSystem .managementSystemMain ul li .title {
position: absolute;
left: 50%;
bottom: 1.823vw;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
font-size: 0.833vw;
color: #000000;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.managementSystem .managementSystemMain ul li .popup {
opacity: 0;
visibility: visible;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0.1);
-ms-transform: translate(-50%, -50%) scale(0.1);
transform: translate(-50%, -50%) scale(0.1);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.managementSystem .managementSystemMain ul li .popup .image {
width: 7.917vw;
padding: 0.156vw;
background: #d53d32;
border-radius: 50%;
}
.managementSystem .managementSystemMain ul li .popup .image img {
width: 7.604vw;
height: 7.604vw;
border-radius: 50%;
position: relative;
z-index: 2;
}
.managementSystem .managementSystemMain ul li .popup .image span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 150%;
height: 150%;
background: rgba(214, 61, 50, 0.4);
border-radius: 50%;
-webkit-animation: amplify2 2s linear infinite;
animation: amplify2 2s linear infinite;
}
.managementSystem .managementSystemMain ul li .popup .image span:nth-child(1) {
-webkit-animation-delay: -1.6s;
animation-delay: -1.6s;
}
.managementSystem .managementSystemMain ul li .popup .image span:nth-child(2) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.managementSystem .managementSystemMain ul li .popup p {
font-size: 0.833vw;
color: #D63D32;
text-align: center;
position: absolute;
left: 50%;
bottom: -4.74vw;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
font-weight: 500;
}
/* 合作项目 */
.collaborativeProjects {
padding: 4.427vw 0px 5.938vw;
position: relative;
overflow: hidden;
}
.collaborativeProjects .collaborativeProjectsTitle {
font-size: 2.708vw;
color: #000000;
text-align: center;
margin-bottom: 2.969vw;
font-weight: 500;
}
.collaborativeProjects .collaborativeProjectsMain {
overflow: visible;
margin-right: 10.417vw;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide {
border-radius: 1.042vw;
overflow: hidden;
position: relative;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide:hover .content .line {
width: 0.156vw;
height: 1.615vw;
margin: 0.469vw 0px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide:hover .content .intro {
max-height: 5vw;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide .image {
overflow: hidden;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide .content {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
min-height: 50%;
padding: 1.563vw 3.021vw 3.021vw;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide .content .title {
font-size: 1.146vw;
color: #FFFFFF;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide .content .line {
width: 1.927vw;
height: 0.156vw;
background: #D63D32;
-webkit-transition: all 0.6s;
transition: all 0.6s;
margin: 0.99vw 0px 0px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide .content .intro {
max-height: 0px;
overflow: hidden;
font-size: 0.781vw;
color: #FFFFFF;
line-height: 1.25vw;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-pagination {
display: none;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-scrollbar {
width: 100%;
height: 0.156vw;
background: #D8E3E6;
margin-top: 3.385vw;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-scrollbar .swiper-scrollbar-drag {
height: 0.156vw;
background: #D63D32;
cursor: pointer;
}
/* 智慧停车 */
.smartParking {
padding: 4.583vw 0px 0px;
position: relative;
overflow: hidden;
}
.smartParking .smartParkingTitle {
font-size: 2.708vw;
color: #000000;
text-align: center;
margin-bottom: 2.969vw;
font-weight: 500;
}
.smartParking .smartParkingMain {
margin-right: 19.219vw;
padding-bottom: 6.615vw;
overflow: visible;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .image {
border-radius: 1.042vw;
overflow: hidden;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content {
border-radius: 1.042vw;
overflow: hidden;
background: #FFFFFF;
box-shadow: 0px 0.156vw 2.969vw 0px rgba(158, 5, 5, 0.06);
margin: -6.875vw 2.865vw 0px;
padding: 1.823vw 2.604vw 2.604vw;
position: relative;
z-index: 2;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content.active .more i {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .title {
font-size: 1.146vw;
color: #000000;
margin-bottom: 0.573vw;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .line {
width: 1.927vw;
height: 0.208vw;
background: #D63D32;
margin-bottom: 1.042vw;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 0.833vw;
color: #666666;
line-height: 1.354vw;
margin-bottom: 0.99vw;
max-height: 5.417vw;
overflow: hidden;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .more {
display: none;
float: right;
font-size: 0.677vw;
color: #D63D32;
cursor: pointer;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .more span {
margin-right: 0.469vw;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .more i {
display: inline-block;
font-size: 0.573vw;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.smartParking .smartParkingMain .swiper-pagination {
display: none;
}
/* 商业模式 */
.businessModel {
padding: 4.688vw 0px 5.677vw;
}
.businessModel .businessModelTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 3.073vw;
}
.businessModel .businessModelMain ul {
margin: -0.339vw;
}
.businessModel .businessModelMain ul li {
width: calc(25% - 0.677vw);
padding: 3.49vw 1.615vw 2.969vw;
margin: 0.339vw;
border-radius: 1.042vw;
border: 2px solid rgba(162, 181, 200, 0.2);
}
.businessModel .businessModelMain ul li .image img {
width: 100%;
height: auto;
}
.businessModel .businessModelMain ul li .content {
text-align: center;
padding: 0px 0.781vw;
}
.businessModel .businessModelMain ul li .content .title {
font-size: 1.146vw;
color: #000000;
margin-bottom: 1.406vw;
margin-bottom: 0.677vw;
}
.businessModel .businessModelMain ul li .content .intro {
font-size: 0.833vw;
color: #595959;
line-height: 1.25vw;
min-height: 5vw;
}
/* 合作机制 */
.cooperationMechanism {
padding: 4.792vw 0px 5.156vw;
position: relative;
}
.cooperationMechanism .cooperationMechanismTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 2.344vw;
}
.cooperationMechanism .cooperationMechanismMain img {
width: 100%;
height: auto;
}
/* 产品相关问题 */
.productRelatedIssues {
padding: 4.844vw 0px 6.042vw;
position: relative;
}
.productRelatedIssues .productRelatedIssuesTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 3.281vw;
}
.productRelatedIssues .productRelatedIssuesMain ul {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.productRelatedIssues .productRelatedIssuesMain ul li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productRelatedIssues .productRelatedIssuesMain ul li.active {
border-color: #D63D32;
background: #fff;
}
.productRelatedIssues .productRelatedIssuesMain ul li.active .title i {
background: #D63D32;
}
.productRelatedIssues .productRelatedIssuesMain ul li.active .title i::after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.productRelatedIssues .productRelatedIssuesMain ul li .title {
padding: 1.979vw 2.24vw;
cursor: pointer;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title span {
display: block;
width: 2.031vw;
height: 2.031vw;
line-height: 2.031vw;
font-size: 0.99vw;
color: #FFFFFF;
text-align: center;
background: #D63D32;
border-radius: 0.26vw;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title b {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.042vw;
color: #333333;
margin: 0px 5.208vw 0px 1.563vw;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title i {
display: block;
width: 1.458vw;
height: 1.458vw;
background: #8B8B8B;
border-radius: 50%;
position: relative;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title i::before, .productRelatedIssues .productRelatedIssuesMain ul li .title i::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
content: "";
display: block;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title i::before {
width: 50%;
height: 2px;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title i::after {
width: 2px;
height: 50%;
}
.productRelatedIssues .productRelatedIssuesMain ul li .content {
display: none;
padding: 0px 2.24vw 2.24vw;
overflow: hidden;
}
.productRelatedIssues .productRelatedIssuesMain ul li .content span {
float: left;
display: block;
width: 2.031vw;
height: 2.031vw;
line-height: 2.031vw;
font-size: 0.99vw;
color: #FFFFFF;
text-align: center;
background: #D1D1D1;
border-radius: 0.26vw;
}
.productRelatedIssues .productRelatedIssuesMain ul li .content .intro {
float: left;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 1.979vw;
font-size: 0.885vw;
color: #333333;
line-height: 1.51vw;
}
/* 产品介绍列表 */
.productIntroListing {
padding: 4.896vw 0px 5.729vw;
background: #f2f7fa;
}
.productIntroListing .productIntroListingTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 2.76vw;
}
.productIntroListing .productIntroListingMain ul {
margin: -0.859vw -0.807vw;
}
.productIntroListing .productIntroListingMain ul li {
width: calc(25% - 1.615vw);
margin: 0.859vw 0.807vw;
}
.productIntroListing .productIntroListingMain ul li a {
display: block;
background: #fff;
border-radius: 0.781vw;
overflow: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productIntroListing .productIntroListingMain ul li a:hover {
box-shadow: 0px 0.521vw 1.927vw #eee;
}
.productIntroListing .productIntroListingMain ul li a:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.productIntroListing .productIntroListingMain ul li a .image {
overflow: hidden;
}
.productIntroListing .productIntroListingMain ul li a .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productIntroListing .productIntroListingMain ul li a .content {
padding: 2.24vw 1.719vw 2.031vw;
border-top: 1px solid #F4F6F8;
}
.productIntroListing .productIntroListingMain ul li a .content .title {
font-size: 1.042vw;
color: #000000;
font-weight: 500;
margin-bottom: 0.938vw;
}
.productIntroListing .productIntroListingMain ul li a .content .title::before {
width: 0.781vw;
height: 0.781vw;
background: url("../images/icon-round.png") no-repeat center/cover;
margin-right: 0.625vw;
content: "";
display: block;
}
.productIntroListing .productIntroListingMain ul li a .content .title span {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.productIntroListing .productIntroListingMain ul li a .content .intro {
font-size: 0.781vw;
color: #666666;
line-height: 1.094vw;
height: 2.188vw;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 2.031vw;
}
.productIntroListing .productIntroListingMain ul li a .content .arrow {
font-size: 0.625vw;
color: #9E9494;
text-align: right;
}
/* 产品详情弹窗 */
.productPopupBox {
width: 89.583vw;
height: 37.5vw;
max-height: 41.667vw;
background: #FFFFFF;
border-radius: 1.042vw;
overflow: hidden;
}
.productPopupBox .layui-layer-setwin {
display: none;
}
.productPopup {
padding: 4.167vw 3.594vw 5.208vw;
position: relative;
}
.productPopup .productPopupClose {
position: absolute;
top: 2.292vw;
right: 2.552vw;
font-size: 1.042vw;
color: #000;
cursor: pointer;
}
.productPopup .productPopupFeatures {
margin-bottom: 3.385vw;
}
.productPopup .productPopupFeatures .productPopupFeaturesTitle {
font-weight: 500;
font-size: 1.25vw;
color: #000000;
margin-bottom: 1.458vw;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-wrapper .swiper-slide {
padding: 2.604vw 1.563vw 1.563vw;
text-align: center;
background: #F5FAFC;
border-radius: 1.042vw;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-wrapper .swiper-slide .icon {
width: 5vw;
height: 5vw;
border-radius: 50%;
border: 2px solid #EDE0DF;
margin: 0px auto;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-wrapper .swiper-slide .icon img {
width: auto;
height: 5vw;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-wrapper .swiper-slide .title {
font-size: 1.042vw;
color: #000000;
margin: 1.458vw 0px 0.417vw;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-wrapper .swiper-slide .intro {
font-size: 0.833vw;
color: #4C505F;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-pagination {
text-align: center;
margin-top: 2.083vw;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
margin: 0px 0.208vw;
width: 0.938vw;
height: 0.26vw;
border-radius: 0.208vw;
background: #999;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-pagination .swiper-pagination-bullet-active {
width: 1.354vw;
background: #D63D32;
}
.productPopup .productPopupTable .productPopupTableTitle {
font-weight: 500;
font-size: 1.25vw;
color: #000000;
margin-bottom: 1.458vw;
}
.productPopup .productPopupTable .productPopupTableMain {
text-align: center;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft {
width: 20.99vw;
background: #F9F9F9;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft .productPopupTableLeftTitle {
font-size: 0.938vw;
color: #FFFFFF;
font-weight: 500;
line-height: 4.063vw;
background: #D63D32;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft .productPopupTableLeftMain {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-height: 26.042vw;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft .productPopupTableLeftMain .image {
margin-top: -4.115vw;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft .productPopupTableLeftMain .image img {
width: 100%;
height: auto;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft .productPopupTableLeftMain .content {
font-weight: 500;
font-size: 0.885vw;
color: #000000;
line-height: 1.198vw;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight table {
width: 100%;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight table tr:nth-child(1) {
background: #0E1019;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight table tr:nth-child(1) td {
font-size: 0.938vw;
color: #FFFFFF;
font-weight: 500;
line-height: 4.063vw;
border: 0px;
padding: 0px;
border-right: 1px solid #D3DFDD;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight table tr td {
font-size: 0.885vw;
color: #4E4E4E;
border: 1px solid #D3DFDD;
padding: 0.885vw 1.042vw;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight table tr td:first-child {
border-left: 0px;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight table tr td:last-child {
border-right: 0px;
}
/* 融资渠道 */
.financingChannel {
padding: 4.635vw 0px 7.396vw;
position: relative;
overflow: hidden;
}
.financingChannel .financingChannelTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 4.219vw;
}
.financingChannel .financingChannelMain {
padding-bottom: 1.875vw;
overflow: visible;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide {
text-align: center;
background: #FFFFFF;
border-radius: 1.042vw;
padding: 2.031vw 2.604vw 2.031vw;
overflow: hidden;
position: relative;
cursor: pointer;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide:nth-child(even) {
-webkit-transform: translateY(1.875vw);
-ms-transform: translateY(1.875vw);
transform: translateY(1.875vw);
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: url("../images/financingChannelHover.jpg") no-repeat center/cover;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
content: "";
display: block;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide:hover::after {
opacity: 1;
visibility: visible;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide:hover .content .title {
color: #fff;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide:hover .content .intro {
color: rgba(255, 255, 255, 0.7);
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide:hover .content .more {
color: #fff;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .image {
width: 7.24vw;
border-radius: 50%;
overflow: hidden;
margin: 0px auto;
position: relative;
z-index: 2;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .image img {
width: 7.24vw;
height: 7.24vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content {
position: relative;
z-index: 2;
margin-top: 1.615vw;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content .title {
font-size: 0.938vw;
color: #000000;
font-weight: 500;
margin-bottom: 0.365vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 0.833vw;
color: #737373;
line-height: 1.042vw;
min-height: 2.083vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-bottom: 1.094vw;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content .other {
display: none;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content .more {
font-size: 0.729vw;
color: #D63D32;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content .more i {
margin-left: 0.781vw;
}
.financingChannel .financingChannelMain .swiper-pagination {
text-align: center;
margin-top: 5.208vw;
}
.financingChannel .financingChannelMain .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
margin: 0px 0.208vw;
width: 0.938vw;
height: 0.26vw;
border-radius: 0.208vw;
background: #ddd;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.financingChannel .financingChannelMain .swiper-pagination .swiper-pagination-bullet-active {
width: 1.354vw;
background: #D63D32;
}
/* 合作客户 */
.partner {
padding: 4.323vw 0px 3.698vw;
position: relative;
}
.partner .partnerTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 2.813vw;
}
.partner .partnerMain {
width: 39.063vw;
margin: 0px;
}
.partner .partnerMain ul {
margin: -0.807vw;
}
.partner .partnerMain ul li {
width: calc(25% - 1.615vw);
margin: 0.807vw;
border-radius: 1.042vw;
background: #fff;
overflow: hidden;
}
.partner .partnerMain ul li:nth-child(n+9) {
background: rgba(255, 255, 255, 0.85);
}
.partner .partnerMain ul li img {
width: 100%;
height: auto;
}
.partner .partnerMain .swiper-pagination {
text-align: center;
margin-top: 2.083vw;
}
.partner .partnerMain .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
margin: 0px 0.208vw;
width: 0.938vw;
height: 0.26vw;
border-radius: 0.208vw;
background: #999;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.partner .partnerMain .swiper-pagination .swiper-pagination-bullet-active {
width: 1.354vw;
background: #D63D32;
}
/* 专家级服务 */
.expertLevelService {
padding: 5vw 0px 6.51vw;
}
.expertLevelService .expertLevelServiceLeft {
width: 43.6046511628%;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceTitle {
margin-bottom: 1.406vw;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceTitle .title {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
margin-bottom: 0.938vw;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceTitle .intro {
font-size: 0.833vw;
color: #666666;
line-height: 1.354vw;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul {
display: -ms-grid;
display: grid;
grid-gap: 0.573vw 0.469vw;
grid: ". list2 list4" "list1 list3 .";
-ms-grid-columns: 9.948vw 9.948vw 9.948vw;
grid-template-columns: 9.948vw 9.948vw 9.948vw;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li {
padding: 0.99vw 0.885vw 0.781vw 0.833vw;
border: 1px solid #F2E0DF;
border-radius: 0.521vw;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li:nth-child(1) {
grid-area: list1;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li:nth-child(2) {
grid-area: list2;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li:nth-child(3) {
grid-area: list3;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li:nth-child(4) {
grid-area: list4;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li:nth-child(1), .expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li:nth-child(4) {
background: #fdf3f2;
border-color: #fdf3f2;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li .icon {
text-align: right;
margin-bottom: 2px;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li .icon img {
width: auto;
height: 1.667vw;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li .number {
font-family: SKSans;
font-weight: bold;
font-size: 1.406vw;
color: #000000;
line-height: 1.4;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li .intro {
font-size: 0.677vw;
color: #7E7F80;
}
.expertLevelService .expertLevelServiceRight {
width: 49.3023255814%;
position: relative;
}
.expertLevelService .expertLevelServiceRight::after {
position: absolute;
left: -1.719vw;
bottom: -1.198vw;
width: 6.51vw;
height: 4.792vw;
background: url("../images/expertLevelServiceLine.png") no-repeat center/cover;
content: "";
display: block;
}
.expertLevelService .expertLevelServiceRight .image {
border-radius: 1.042vw;
overflow: hidden;
position: relative;
z-index: 2;
}
.expertLevelService .expertLevelServiceRight .image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.expertLevelService .expertLevelServiceRight .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/* 售后服务团队 */
.serviceTeam {
padding: 4.531vw 0px 6.042vw;
}
.serviceTeam .serviceTeamTitle {
text-align: center;
padding: 0px 13.646vw;
margin-bottom: 2.708vw;
}
.serviceTeam .serviceTeamTitle .title {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
margin-bottom: 1.25vw;
}
.serviceTeam .serviceTeamTitle .intro {
font-size: 0.833vw;
color: #666666;
line-height: 1.354vw;
}
.serviceTeam .serviceTeamMain ul {
margin: -0.391vw;
}
.serviceTeam .serviceTeamMain ul li {
width: calc(33.33% - 0.781vw);
margin: 0.391vw;
border-radius: 0.781vw;
overflow: hidden;
}
.serviceTeam .serviceTeamMain ul li:nth-child(1) {
width: calc(59.4% - 0.781vw);
}
.serviceTeam .serviceTeamMain ul li:nth-child(2) {
width: calc(40.55% - 0.781vw);
}
.serviceTeam .serviceTeamMain ul li:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.serviceTeam .serviceTeamMain ul li img {
width: 100%;
height: 25.156vw;
object-fit: cover;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/* 售后服务网点 */
.serviceNetwork {
padding: 3.906vw 0px 4.948vw;
position: relative;
}
.serviceNetwork .serviceNetworkTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 2.292vw;
}
.serviceNetwork .serviceNetworkList {
margin-bottom: 2.396vw;
}
.serviceNetwork .serviceNetworkList ul li {
min-width: 12.865vw;
height: 2.865vw;
line-height: 2.865vw;
font-size: 0.833vw;
color: #000000;
background: rgba(255, 255, 255, 0.6);
text-align: center;
border-radius: 0.469vw;
padding: 0px 1.042vw;
margin: 0px 0.547vw;
-webkit-transform: skewX(-22deg);
-ms-transform: skewX(-22deg);
transform: skewX(-22deg);
cursor: pointer;
position: relative;
overflow: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.serviceNetwork .serviceNetworkList ul li::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: scale(1.3) translate(-50%, -50%);
-ms-transform: scale(1.3) translate(-50%, -50%);
transform: scale(1.3) translate(-50%, -50%);
width: 100%;
height: 100%;
background: url("../images/serviceNetworkListActive.jpg") no-repeat center/cover;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
content: "";
display: block;
}
.serviceNetwork .serviceNetworkList ul li.active, .serviceNetwork .serviceNetworkList ul li:hover {
color: #fff;
}
.serviceNetwork .serviceNetworkList ul li.active::after, .serviceNetwork .serviceNetworkList ul li:hover::after {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) translate(-50%, -50%);
-ms-transform: scale(1) translate(-50%, -50%);
transform: scale(1) translate(-50%, -50%);
}
.serviceNetwork .serviceNetworkList ul li span {
display: block;
-webkit-transform: skewX(22deg);
-ms-transform: skewX(22deg);
transform: skewX(22deg);
position: relative;
z-index: 2;
}
.serviceNetwork .serviceNetworkMain {
margin-bottom: 3.125vw;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide {
opacity: 0 !important;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul {
margin: -0.339vw;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li {
width: calc(25% - 0.677vw);
margin: 0.339vw;
padding: 1.979vw 1.302vw 2.083vw;
background: #FFFFFF;
border-radius: 1.042vw;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .title {
padding-bottom: 1.406vw;
margin-bottom: 1.406vw;
border-bottom: 1px solid #F0E9E4;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .title img {
width: auto;
height: 1.719vw;
vertical-align: middle;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .title span {
font-size: 1.094vw;
color: #333333;
font-weight: 500;
margin-left: 1.094vw;
vertical-align: middle;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .intro {
font-size: 0.833vw;
color: #333333;
line-height: 1.042vw;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .intro p {
margin-bottom: 0.938vw;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .intro p:last-child {
margin-bottom: 0px;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide-active {
opacity: 1 !important;
z-index: 2;
}
/* 全过程支持 */
.fullProcessSupport {
padding: 5.469vw 0px 6.563vw;
position: relative;
}
.fullProcessSupport .fullProcessSupportTitle {
font-size: 2.708vw;
color: #000000;
font-weight: 500;
text-align: center;
margin-bottom: 4.167vw;
}
.fullProcessSupport .fullProcessSupportMain ul li {
text-align: center;
position: relative;
}
.fullProcessSupport .fullProcessSupportMain ul li:nth-child(odd)::after {
top: 6.875vw;
right: -3.958vw;
background: url("../images/fullProcessSupportLine1.png") no-repeat center/cover;
}
.fullProcessSupport .fullProcessSupportMain ul li:nth-child(even) {
margin-top: 7.552vw;
}
.fullProcessSupport .fullProcessSupportMain ul li:nth-child(even)::after {
top: -0.573vw;
right: -5.208vw;
background: url("../images/fullProcessSupportLine2.png") no-repeat center/cover;
}
.fullProcessSupport .fullProcessSupportMain ul li:last-child::after {
display: none;
}
.fullProcessSupport .fullProcessSupportMain ul li::after {
position: absolute;
width: 4.635vw;
height: 2.318vw;
content: "";
display: block;
}
.fullProcessSupport .fullProcessSupportMain ul li .icon {
width: 6.927vw;
height: 7.708vw;
line-height: 7.708vw;
text-align: center;
background: url("../images/fullProcessSupportIconBg.png") no-repeat center/cover;
margin: 0px auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.fullProcessSupport .fullProcessSupportMain ul li .icon:hover {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.fullProcessSupport .fullProcessSupportMain ul li .icon img {
width: auto;
height: 3.359vw;
}
.fullProcessSupport .fullProcessSupportMain ul li .number {
width: 2.448vw;
height: 2.266vw;
line-height: 2.474vw;
text-align: center;
font-family: SKSans;
font-size: 0.938vw;
color: #FFFFFF;
background: url("../images/fullProcessSupportNumberBg.png") no-repeat center/cover;
margin: -1.458vw auto 0.573vw;
position: relative;
z-index: 2;
}
.fullProcessSupport .fullProcessSupportMain ul li .title {
font-size: 0.938vw;
color: #000000;
font-weight: 500;
}
/* 新闻中心 */
.newsCenter {
padding: 5.521vw 0px 6.51vw;
background: #f2f7fa;
}
.newsCenter .newsCenterRecommend {
margin-bottom: 5.469vw;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide {
opacity: 0 !important;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a {
background: #fff;
border-radius: 1.042vw;
overflow: hidden;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .image {
width: 53.1395348837%;
overflow: hidden;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .content {
width: 46.8604651163%;
padding: 3.646vw 5.573vw 0px 4.479vw;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .content .time {
font-size: 0.781vw;
color: #696969;
margin-bottom: 0.885vw;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .content .time i {
margin-right: 0.365vw;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .content .title {
font-weight: 500;
font-size: 1.771vw;
color: #333333;
line-height: 2.188vw;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 1.302vw;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .content .intro {
font-weight: 300;
font-size: 0.938vw;
color: #595959;
line-height: 1.563vw;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide-active {
opacity: 1 !important;
z-index: 2;
}
.newsCenter .newsCenterRecommend .swiper-pagination {
display: none;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendOther {
position: absolute;
bottom: 3.385vw;
right: 26.302vw;
z-index: 2;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendOther .current {
font-family: Montserrat;
font-weight: 500;
font-size: 0.885vw;
color: #D63D32;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendOther .total {
font-family: Montserrat;
font-weight: 500;
font-size: 0.885vw;
color: #E0E0E0;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendOther .scrollbar {
width: 6.615vw;
height: 2px;
background: #F2F2F2;
margin: 0px 0.781vw;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendOther .scrollbar .swiper-scrollbar-drag {
height: 100%;
background: #D63D32;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendBtns {
position: absolute;
right: 5.208vw;
bottom: 3.281vw;
z-index: 2;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendBtns .btn {
font-size: 1.146vw;
color: rgba(58, 58, 58, 0.6);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendBtns .btn.prevBtn {
margin-right: 1.51vw;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendBtns .btn.prevBtn i {
display: inline-block;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.newsCenter .newsCenterRecommend .newsCenterRecommendBtns .btn:hover {
color: #D63D32;
}
.newsCenter .newsCenterScreen {
width: 18.542vw;
margin-bottom: 2.396vw;
position: relative;
z-index: 2;
}
.newsCenter .newsCenterScreen input {
height: 2.917vw;
font-size: 0.781vw;
color: #666666;
padding: 0px 1.406vw;
border-radius: 1.354vw;
border: 2px solid transparent;
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
background-image: -webkit-linear-gradient(left, #f2f7fa, #f2f7fa), -webkit-linear-gradient(285deg, #D63D32, #E4C0A1);
background-image: linear-gradient(to right, #f2f7fa, #f2f7fa), linear-gradient(165deg, #D63D32, #E4C0A1);
}
.newsCenter .newsCenterScreen .layui-form-select .layui-edge {
right: 1.198vw;
border-width: 0.365vw;
border-top-color: #D63D32;
margin-top: -0.156vw;
}
.newsCenter .newsCenterScreen .layui-form-selected .layui-edge {
margin-top: -0.469vw;
}
.newsCenter .newsCenterScreen .layui-form-select dl {
top: 3.385vw;
padding: 0.26vw 0px;
max-height: 15.625vw;
}
.newsCenter .newsCenterScreen .layui-form-select dl dd, .newsCenter .newsCenterScreen .layui-form-select dl dt {
padding: 0px 0.521vw;
font-size: 0.781vw;
line-height: 2.292vw;
}
.newsCenter .newsCenterScreen .layui-form-select dl dd.layui-this {
color: #D63D32;
}
.newsCenter .newsCenterScreen .layui-input:hover, .newsCenter .newsCenterScreen .layui-textarea:hover {
border-color: #D63D32 !important;
}
.newsCenter .newsCenterScreen .layui-input:focus, .newsCenter .newsCenterScreen .layui-textarea:focus {
border-color: #D63D32 !important;
}
.newsCenter .newsCenterMain {
margin-bottom: 5vw;
}
.newsCenter .newsCenterMain ul {
margin: -1.146vw;
}
.newsCenter .newsCenterMain ul li {
width: calc(33.33% - 2.292vw);
margin: 1.146vw;
}
.newsCenter .newsCenterMain ul li a {
display: block;
border-radius: 1.042vw;
overflow: hidden;
background: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.newsCenter .newsCenterMain ul li a:hover {
box-shadow: 0.26vw 0.521vw 1.458vw #ddd;
}
.newsCenter .newsCenterMain ul li a:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.newsCenter .newsCenterMain ul li a .image {
overflow: hidden;
}
.newsCenter .newsCenterMain ul li a .image img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.newsCenter .newsCenterMain ul li a .content {
padding: 1.406vw 2.604vw;
}
.newsCenter .newsCenterMain ul li a .content .time {
margin-bottom: 0.781vw;
}
.newsCenter .newsCenterMain ul li a .content .time i {
font-size: 0.781vw;
color: #C2302C;
margin-right: 0.573vw;
}
.newsCenter .newsCenterMain ul li a .content .time span {
font-size: 0.781vw;
color: #666666;
}
.newsCenter .newsCenterMain ul li a .content .title {
font-weight: 500;
font-size: 1.146vw;
color: #333333;
margin-bottom: 1.719vw;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.newsCenter .newsCenterMain ul li a .content .more {
font-size: 0.833vw;
color: rgba(58, 58, 58, 0.8);
}
/* 新闻详情 */
.newsDetail {
padding-bottom: 6.563vw;
}
.newsDetail .newsDetailBox {
padding: 3.958vw 0px 0px;
background: #FFFFFF;
border-radius: 1.042vw;
}
.newsDetail .newsDetailBox .newsDetailTime {
display: inline-block;
font-size: 0.729vw;
color: #FFFFFF;
height: 1.823vw;
line-height: 1.823vw;
text-align: center;
background: #D63D32;
border-radius: 0.885vw;
padding: 0px 0.781vw;
margin: 0px 6.25vw 0.833vw;
}
.newsDetail .newsDetailBox .newsDetailTime span {
margin-left: 0.365vw;
}
.newsDetail .newsDetailBox .newsDetailTitle {
padding-bottom: 2.76vw;
margin: 0px 6.25vw 2.292vw;
border-bottom: 1px solid rgba(180, 180, 180, 0.2);
}
.newsDetail .newsDetailBox .newsDetailTitle .title {
font-weight: 500;
font-size: 1.771vw;
color: #333333;
line-height: 2.344vw;
margin-bottom: 1.563vw;
}
.newsDetail .newsDetailBox .newsDetailTitle .share a {
width: 2.448vw;
height: 2.448vw;
line-height: 2.448vw;
font-size: 0.99vw;
color: #666666;
text-align: center;
background-color: #F4F4F4;
border-radius: 50%;
margin-right: 1.042vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.newsDetail .newsDetailBox .newsDetailTitle .share a:last-child {
margin-right: 0px;
}
.newsDetail .newsDetailBox .newsDetailTitle .share a img {
width: 100%;
height: auto;
margin-top: -0.156vw;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.newsDetail .newsDetailBox .newsDetailTitle .share a:hover {
color: #fff;
background-color: #D63D32;
}
.newsDetail .newsDetailBox .newsDetailTitle .share a:hover img {
-webkit-filter: grayscale(1) brightness(500%);
filter: grayscale(1) brightness(500%);
}
.newsDetail .newsDetailBox .newsDetailMain {
margin: 0px 13.281vw;
font-weight: 300;
font-size: 0.938vw;
color: #595959;
line-height: 1.823vw;
}
.newsDetail .newsDetailBox .newsDetailMain img, .newsDetail .newsDetailBox .newsDetailMain video, .newsDetail .newsDetailBox .newsDetailMain iframe {
display: block;
max-width: 100%;
width: auto;
height: auto;
margin: 0px auto;
}
.newsDetail .newsDetailBox .newsDetailMain span {
font-size: 0.938vw !important;
line-height: 1.823vw !important;
}
.newsDetail .newsDetailBox .newsDetailBtns {
height: 6.094vw;
line-height: 6.094vw;
padding: 0px 13.229vw;
margin-top: 6.302vw;
border-top: 1px solid #EBEBEB;
}
.newsDetail .newsDetailBox .newsDetailBtns .btn {
font-size: 0.938vw;
color: #333333;
}
.newsDetail .newsDetailBox .newsDetailBtns .btn i {
margin-right: 0.729vw;
}
.newsDetail .newsDetailBox .newsDetailBtns .btn span {
display: inline-block;
max-width: 23.438vw;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.newsDetail .newsDetailBox .newsDetailBtns .btn span:hover {
color: #D63D32;
}
/* pad端 */
/* 移动端 */
@media (max-width: 768px) {
/* 版心 */
.content1720 {
width: calc(100% - 40px);
}
/* 头部 */
.header {
height: 60px;
line-height: 60px;
}
.header .headerLogo a img {
height: 35px;
}
.header .headerLogo .code {
height: 24px;
line-height: 17px;
font-size: 10px;
padding-left: 9px;
margin-left: 11px;
}
.header .headerLogo .code span {
font-size: 12px;
}
.header .headerMain .headerNav {
display: none;
}
.header .headerMain .headerOther {
margin-left: 41px;
}
.header .headerMain .headerOther .searchBtn {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 18px;
margin-right: 16px;
}
.header .headerMain .headerOther .menusBtn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
cursor: pointer;
margin-top: 1px;
}
.header .headerMain .headerOther .menusBtn.active span:nth-child(1) {
opacity: 0;
visibility: hidden;
}
.header .headerMain .headerOther .menusBtn.active span:nth-child(2) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.header .headerMain .headerOther .menusBtn.active span:nth-child(3) {
width: 23px;
-webkit-transform: rotate(-45deg) translate(5px, -5px);
-ms-transform: rotate(-45deg) translate(5px, -5px);
transform: rotate(-45deg) translate(5px, -5px);
}
.header .headerMain .headerOther .menusBtn span {
height: 2px;
background: #FFFFFF;
border-radius: 1px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.header .headerMain .headerOther .menusBtn span:nth-child(1) {
width: 23px;
margin-bottom: 5px;
}
.header .headerMain .headerOther .menusBtn span:nth-child(2) {
width: 23px;
margin-bottom: 5px;
}
.header .headerMain .headerOther .menusBtn span:nth-child(3) {
width: 18px;
}
/* 头部搜索 */
.headerSearchformMain .headerSearchform {
padding: 40px 0px;
}
.headerSearchformMain .headerSearchform form {
max-width: calc(100% - 40px);
}
.headerSearchformMain .headerSearchform form input {
height: 50px;
font-size: 15px;
border-radius: 40px;
padding-left: 20px;
}
.headerSearchformMain .headerSearchform form button {
width: 50px;
height: 50px;
font-size: 20px;
}
.headerSearchformMain .headerSearchform form button:hover {
box-shadow: 0px 5px 10px rgba(255, 0, 0, 0.4);
}
.headerSearchformMain .headerSearchform form .closeSearch {
font-size: 20px;
}
/* 移动端栏目 */
.mobileHeader {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 9999;
display: block;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.mobileHeader.leftOffset .column {
right: 0px;
}
.mobileHeader .column {
position: fixed;
right: -260px;
top: 0px;
width: 260px;
height: 100%;
overflow-y: auto;
background: #fafafa;
padding-top: 60px;
-webkit-transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.mobileHeader .column .wrapper {
border-bottom: 1px solid #eff1f3;
}
.mobileHeader .column .wrapper:last-child {
border-bottom: 0px;
}
.mobileHeader .column .wrapper .oneLevel.active .oneLevelTitle .icon i::before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.mobileHeader .column .wrapper .oneLevel .oneLevelTitle {
position: relative;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .title a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
color: #333;
padding: 14px 25px;
min-height: 50px;
text-transform: uppercase;
position: relative;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .title a::before {
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #D8D8D8;
margin-right: 15px;
content: "";
display: block;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0px;
right: 0px;
width: 40px;
height: 100%;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i {
display: block;
width: 12px;
height: 12px;
position: relative;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::before, .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #474747;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
content: "";
display: block;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::before {
width: 2px;
height: 100%;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::after {
width: 100%;
height: 2px;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain {
display: none;
background: #f6f6f6;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel {
border-bottom: 1px solid #EBEBEB;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel:last-child {
border-bottom: 0px;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle {
position: relative;
border-bottom: 1px solid #EBEBEB;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle.active .icon i::before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
color: #333;
padding: 15px 25px;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a::before {
width: 5px;
height: 5px;
border-top: 1px solid #999;
border-left: 1px solid #999;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
margin-right: 19px;
content: "";
display: inline-block;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0px;
right: 0px;
width: 40px;
height: 100%;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i {
display: block;
width: 12px;
height: 12px;
position: relative;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::before, .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #474747;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
content: "";
display: block;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::before {
width: 2px;
height: 100%;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::after {
width: 100%;
height: 2px;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain {
display: none;
background: #fafafa;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a {
display: block;
font-size: 14px;
color: #333;
padding: 15px 50px;
border-bottom: 1px solid #EBEBEB;
}
.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a:last-child {
border-bottom: 0px;
}
/* 侧边栏 */
.slidebar {
width: 65px;
box-shadow: 3px 5px 10px #eee;
-webkit-transform: translateX(66px) translateY(-50%);
-ms-transform: translateX(66px) translateY(-50%);
transform: translateX(66px) translateY(-50%);
}
.slidebar .list {
padding: 10px 0px;
}
.slidebar .list:nth-child(1) .popup {
min-width: 179px;
padding: 15px 47px 15px 20px;
}
.slidebar .list:nth-child(2) .popup {
min-width: 106.5px;
padding: 14px;
}
.slidebar .list.returnBtn {
padding: 8px 0px;
}
.slidebar .list.moreBtn {
position: absolute;
top: 50%;
left: -23px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px;
height: 40px;
font-size: 13px;
color: #555;
border-radius: 5px 0px 0px 5px;
border: 0px;
background: #fff;
box-shadow: -2.5px 1.5px 5px #ddd;
display: block;
z-index: -1;
}
.slidebar .list.moreBtn i {
display: inline-block;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slidebar .list > img {
height: 22px;
}
.slidebar .list > p {
font-size: 11px;
margin-top: 7px;
}
.slidebar .list .popup {
right: 65px;
}
.slidebar .list .popup::after {
height: 35px;
}
.slidebar .list .popup .title {
font-size: 12px;
margin-bottom: 6px;
}
.slidebar .list .popup .intro {
font-size: 14px;
line-height: 21px;
}
/* 底部 */
.footer {
text-align: center;
padding: 40px 0px;
}
.footer .footerInfo {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.footer .footerInfo .footerInfoLeft .footerInfoLogo {
margin-bottom: 20px;
}
.footer .footerInfo .footerInfoLeft .footerInfoLogo a img {
height: 35px;
}
.footer .footerInfo .footerInfoLeft .footerInfoContact {
display: none;
}
.footer .footerInfo .footerInfoRight {
display: none;
}
.footer .footerNav {
display: none;
}
.footer .footerOther {
padding: 0px;
border-top: 0px;
}
.footer .footerOther .footerCopyright {
font-size: 12px;
}
.footer .footerOther .footerCopyright a {
font-size: 12px;
}
.footer .footerOther .footerCopyright br {
display: block;
}
.footer .footerOther .footerSubsidiary {
display: none;
}
/* 分页 */
.pagingMian .paging {
display: none;
}
.pagingMian .mobileLoadMore {
display: block;
text-align: center;
}
.pagingMian .mobileLoadMore a {
display: inline-block;
width: 130px;
height: 45px;
line-height: 41px;
text-align: center;
font-size: 14px;
color: #c00000;
border: 2px solid #c00000;
border-radius: 30px;
margin: 0 auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.pagingMian .mobileLoadMore a .icon {
display: inline-block;
margin-left: 9px;
width: 11px;
height: 13px;
background: url("../images/icon-more.png") no-repeat;
background-size: 11px 13px;
}
.pagingMian .mobileLoadMore a:hover {
color: #fff;
background: #c00000;
}
.pagingMian .mobileLoadMore a:hover .icon {
background-image: url("../images/icon-more2.png");
}
/* 首页标题 */
.indexTitle {
line-height: 36px;
}
.indexTitle h2 {
font-size: 25px;
}
.indexTitle p {
font-size: 27px;
}
/* 首页-banner */
.banner::after {
height: 84px;
}
.banner .swiper-wrapper .swiper-slide .image img {
height: auto;
}
.banner .swiper-wrapper .swiper-slide .content .title img {
height: 100%;
}
.banner .swiper-pagination {
left: 20px;
bottom: 22.5px;
}
.banner .swiper-pagination .swiper-pagination-bullet {
width: 34px;
height: 34px;
line-height: 34px;
font-size: 12px;
margin-right: 8px;
}
.banner .swiper-pagination .swiper-pagination-bullet::after {
left: 27px;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
margin-right: 44px;
}
.banner .swiper-pagination .swiper-pagination-bullet-active::after {
width: 37px;
}
/* 首页-关于我们 */
.indexAboutus {
padding: 50px 0px;
overflow: hidden;
}
.indexAboutus::before {
left: -40px;
bottom: 0px;
width: 834px;
height: 478px;
}
.indexAboutus::after {
display: none;
right: 0px;
top: 0px;
width: 411px;
height: 825px;
}
.indexAboutus .indexAboutusLeft {
width: 100%;
margin-bottom: 35px;
}
.indexAboutus .indexAboutusLeft .title {
margin-bottom: 15px;
}
.indexAboutus .indexAboutusLeft .intro {
font-size: 13px;
line-height: 22px;
margin-bottom: 25px;
}
.indexAboutus .indexAboutusLeft .info {
margin-bottom: 25px;
}
.indexAboutus .indexAboutusLeft .info .list {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 10px;
}
.indexAboutus .indexAboutusLeft .info .list b {
font-size: 12px;
margin-bottom: 4px;
}
.indexAboutus .indexAboutusLeft .info .list p {
font-size: 30px;
line-height: 30px;
}
.indexAboutus .indexAboutusLeft .info .list span {
font-size: 12px;
}
.indexAboutus .indexAboutusLeft .more {
width: 120px;
height: 40px;
line-height: 38px;
font-size: 12px;
}
.indexAboutus .indexAboutusLeft .more i {
margin-left: 24px;
}
.indexAboutus .indexAboutusLeft .more span {
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.indexAboutus .indexAboutusLeft .more span::before {
width: 21px;
height: 2px;
}
.indexAboutus .indexAboutusLeft .more span::after {
width: 2px;
height: 10px;
}
.indexAboutus .indexAboutusRight {
width: 100%;
padding-bottom: 25px;
}
.indexAboutus .indexAboutusRight::after {
width: 218.5px;
height: 263px;
border-radius: 25px 0px 25px 0px;
}
.indexAboutus .indexAboutusRight .image {
width: calc(100% - 25px);
border-radius: 25px 0px 25px 0px;
}
/* 首页-智能制造 */
.indexManufacture .indexManufactureList .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide {
padding: 18px;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide::before {
background-position: 0px -132px;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide::after {
height: 2px;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide .title {
font-size: 13px;
margin-bottom: 15px;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide .icon {
width: 35px;
height: 35px;
border-width: 2px;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide.active::before {
background-position: 0px -60px;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide.active::after {
height: 100%;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide.active .title {
color: #fff;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide.active .icon {
border-color: #fff;
}
.indexManufacture .indexManufactureList .swiper-wrapper .swiper-slide.active .icon img {
-webkit-filter: grayscale(1) brightness(500%);
filter: grayscale(1) brightness(500%);
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide {
position: relative;
pointer-events: none;
opacity: 0 !important;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .image img {
width: 100vw;
height: 100vh;
object-fit: cover;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content {
top: 50px;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .title {
margin-bottom: 15px;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 14px;
margin-bottom: 25px;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more {
width: 120px;
height: 40px;
line-height: 38px;
font-size: 12px;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more i {
margin-left: 24px;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span {
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span::before {
width: 21px;
height: 2px;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide .content .more span::after {
width: 2px;
height: 10px;
}
.indexManufacture .indexManufactureMain .swiper-wrapper .swiper-slide-active {
pointer-events: all;
opacity: 1 !important;
}
/* 首页-运营服务 */
.indexOperation {
padding: 50px 0px;
}
.indexOperation .indexOperationMain {
margin-top: 0px;
}
.indexOperation .indexOperationMain .indexOperationList {
width: 100%;
padding-top: 0px;
margin-bottom: 35px;
}
.indexOperation .indexOperationMain .indexOperationList .list .title {
font-size: 16px;
padding: 20px 0px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content {
display: none;
padding: 20px 0px 25px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content::before {
width: 27px;
height: 2.5px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .intro {
font-size: 14px;
line-height: 24px;
margin-bottom: 20px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more {
width: 120px;
height: 40px;
line-height: 38px;
font-size: 12px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more i {
margin-left: 24px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more span {
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more span::before {
width: 21px;
height: 2px;
}
.indexOperation .indexOperationMain .indexOperationList .list .content .more span::after {
width: 2px;
height: 10px;
}
.indexOperation .indexOperationMain .indexOperationBox {
width: 100%;
}
/* 首页-金融服务 */
.indexFinancial {
padding: 50px 0px;
}
.indexFinancial .indexFinancialTitle {
margin-bottom: 35px;
}
.indexFinancial .indexFinancialTitle .more {
width: 120px;
height: 40px;
line-height: 38px;
font-size: 12px;
margin-top: 20px;
}
.indexFinancial .indexFinancialTitle .more i {
margin-left: 24px;
}
.indexFinancial .indexFinancialTitle .more span {
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.indexFinancial .indexFinancialTitle .more span::before {
width: 21px;
height: 2px;
}
.indexFinancial .indexFinancialTitle .more span::after {
width: 2px;
height: 10px;
}
.indexFinancial .indexFinancialMain .indexFinancialBox {
margin-bottom: 12px;
}
.indexFinancial .indexFinancialMain .indexFinancialBox .swiper-wrapper .swiper-slide {
width: 160px;
}
.indexFinancial .indexFinancialMain .indexFinancialBox .swiper-wrapper .swiper-slide::after {
border-radius: 6px;
}
.indexFinancial .indexFinancialMain .indexFinancialBox .swiper-wrapper .swiper-slide:hover::after {
-webkit-transform: translate(7px, 7px);
-ms-transform: translate(7px, 7px);
transform: translate(7px, 7px);
}
.indexFinancial .indexFinancialMain .indexFinancialBox .swiper-wrapper .swiper-slide a {
border-radius: 6px;
box-shadow: 0px 0px 15px 0px rgba(101, 100, 109, 0.41);
}
/* 首页-热点聚焦 */
.indexNews {
padding: 50px 0px;
}
.indexNews .indexNewsTitle {
margin-bottom: 35px;
}
.indexNews .indexNewsTitle .more {
width: 120px;
height: 40px;
line-height: 38px;
font-size: 12px;
margin-top: 20px;
}
.indexNews .indexNewsTitle .more i {
margin-left: 24px;
}
.indexNews .indexNewsTitle .more span {
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.indexNews .indexNewsTitle .more span::before {
width: 21px;
height: 2px;
}
.indexNews .indexNewsTitle .more span::after {
width: 2px;
height: 10px;
}
.indexNews .indexNewsMain .indexNewsLeft {
width: 100%;
}
.indexNews .indexNewsMain .indexNewsLeft a .content {
height: auto;
padding: 60px 20px 23px;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .time {
margin: 0px 16px 10px 0px;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .time span {
line-height: 20px;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .time span:nth-child(1) {
font-size: 25px;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .time span:nth-child(2) {
font-size: 13px;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .other .title {
font-size: 14px;
margin-bottom: 5px;
}
.indexNews .indexNewsMain .indexNewsLeft a .content .other .intro {
font-size: 12px;
line-height: 16px;
height: 32px;
}
.indexNews .indexNewsMain .indexNewsRight {
width: 100%;
margin: 0px;
}
.indexNews .indexNewsMain .indexNewsRight .list {
margin: 15px 0px 0px;
}
.indexNews .indexNewsMain .indexNewsRight .list:nth-child(1) {
width: 100%;
}
.indexNews .indexNewsMain .indexNewsRight .list:nth-child(1) a {
padding: 0px;
}
.indexNews .indexNewsMain .indexNewsRight .list:nth-child(n+2) {
width: 100%;
}
.indexNews .indexNewsMain .indexNewsRight .list:nth-child(n+2) a {
padding: 0px;
}
.indexNews .indexNewsMain .indexNewsRight .list:nth-child(n+2) a .content .title {
max-height: 74px;
}
.indexNews .indexNewsMain .indexNewsRight .list a {
width: 100%;
height: auto;
}
.indexNews .indexNewsMain .indexNewsRight .list a .image {
width: 100%;
margin-right: 0px;
}
.indexNews .indexNewsMain .indexNewsRight .list a .content {
padding: 23px 20px;
}
.indexNews .indexNewsMain .indexNewsRight .list a .content .title {
font-size: 16px;
line-height: 24px;
margin: 0px 0px 2px;
}
.indexNews .indexNewsMain .indexNewsRight .list a .content .time {
font-size: 14px;
margin-bottom: 8px;
}
.indexNews .indexNewsMain .indexNewsRight .list a .content .intro {
font-size: 13px;
line-height: 20px;
height: auto;
max-height: 60px;
}
/* 内页banner */
.detailBanner::after {
top: 60px;
width: calc(100% - 40px);
}
.detailBanner .content .title {
font-size: 60px;
line-height: 70px;
}
.detailBanner .content .intro {
font-size: 24px;
padding: 0px 10px;
}
/* 面包屑导航 */
.breadcrumbNav {
display: none;
}
/* 产品列表 */
.productsList {
padding: 40px 0px;
}
.productsList .productsListBar {
width: 100%;
border-radius: 12px;
}
.productsList .productsListBar .productsListBarTitle {
font-size: 18px;
height: 64px;
line-height: 64px;
text-align: left;
padding: 0px 20px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelTitle {
padding: 18px 20px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelTitle .title a {
font-size: 15px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelTitle .icon {
width: 12px;
height: 12px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelTitle .icon::before {
width: 2px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelTitle .icon::after {
height: 2px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain {
padding: 15px 0px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle {
padding: 10.5px 35px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title {
margin-left: 10px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a {
font-size: 14px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon {
width: 8px;
height: 6px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a {
font-size: 13px;
line-height: 40px;
padding: 0px 60px;
}
.productsList .productsListBar .productsListBarMain .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a::before {
width: 11px;
height: 11px;
margin-right: 7px;
}
.productsList .productsListRight {
width: 100%;
}
.productsList .productsListRight ul {
margin: 0px;
}
.productsList .productsListRight ul li {
width: 100%;
margin: 15px 0px 0px;
}
.productsList .productsListRight ul li a {
border-radius: 12px;
}
.productsList .productsListRight ul li a:hover {
box-shadow: 0px 10px 37px #eee;
}
.productsList .productsListRight ul li a .content {
padding: 23px 20px;
}
.productsList .productsListRight ul li a .content .title {
font-size: 16px;
margin-bottom: 18px;
}
.productsList .productsListRight ul li a .content .title::before {
width: 13px;
height: 13px;
margin-right: 7px;
}
.productsList .productsListRight ul li a .content .intro {
font-size: 14px;
line-height: 22px;
height: auto;
max-height: 44px;
margin-bottom: 20px;
}
.productsList .productsListRight ul li a .content .arrow {
font-size: 12px;
}
/* 产品介绍 */
.productIntro {
padding: 80px 0px 40px;
}
.productIntro .productIntroLeft {
width: 100%;
margin: 0px;
}
.productIntro .productIntroLeft .productIntroList {
padding: 0px;
margin: 15px 0px 25px;
}
.productIntro .productIntroLeft .productIntroList .productIntroListMain {
width: calc(100% - 40px);
height: auto;
}
.productIntro .productIntroLeft .productIntroList .productIntroListMain .swiper-wrapper .swiper-slide {
height: auto;
border-radius: 12px;
}
.productIntro .productIntroLeft .productIntroList .productIntroListMain .swiper-wrapper .swiper-slide img {
width: 100%;
height: 17.391vw;
object-fit: cover;
}
.productIntro .productIntroLeft .productIntroList .productIntroListMain .swiper-wrapper .swiper-slide-thumb-active {
border-width: 2px;
}
.productIntro .productIntroLeft .productIntroList .swiper-button-prev {
left: 0px;
font-size: 12px;
}
.productIntro .productIntroLeft .productIntroList .swiper-button-next {
right: 0px;
font-size: 12px;
}
.productIntro .productIntroLeft .productIntroMain {
width: 100%;
border-radius: 12px;
}
.productIntro .productIntroRight {
width: 100%;
}
.productIntro .productIntroRight .title {
font-size: 22px;
margin-bottom: 15px;
}
.productIntro .productIntroRight .line {
margin-bottom: 20px;
}
.productIntro .productIntroRight .line::after {
width: 44px;
height: 2px;
}
.productIntro .productIntroRight .intro {
font-size: 14px;
line-height: 22px;
min-height: auto;
margin-bottom: 20px;
}
.productIntro .productIntroRight .more {
width: 120px;
height: 40px;
line-height: 38px;
font-size: 12px;
}
.productIntro .productIntroRight .more i {
margin-left: 24px;
}
.productIntro .productIntroRight .more span {
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.productIntro .productIntroRight .more span::before {
width: 21px;
height: 2px;
}
.productIntro .productIntroRight .more span::after {
width: 2px;
height: 10px;
}
/* 产品特色 */
.productFeatures {
padding: 40px 0px;
}
.productFeatures .productFeaturesTitle {
font-size: 22px;
margin-bottom: 25px;
}
.productFeatures .productFeaturesMain {
margin-bottom: 0px;
}
.productFeatures .productFeaturesMain .swiper-wrapper .swiper-slide {
min-height: auto;
padding: 30px 40px;
border-radius: 12px;
}
.productFeatures .productFeaturesMain .swiper-wrapper .swiper-slide .icon {
width: 68px;
border-width: 2px;
}
.productFeatures .productFeaturesMain .swiper-wrapper .swiper-slide .title {
font-size: 16px;
margin: 15px 0px 8px;
}
.productFeatures .productFeaturesMain .swiper-wrapper .swiper-slide .intro {
font-size: 14px;
line-height: 22px;
min-height: auto;
}
.productFeatures .productFeaturesMain .swiper-pagination {
display: block;
text-align: center;
margin-top: 15px;
}
.productFeatures .productFeaturesMain .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
width: 15px;
height: 4px;
border-radius: 4px;
background: #999;
margin: 0px 3px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.productFeatures .productFeaturesMain .swiper-pagination .swiper-pagination-bullet-active {
width: 22px;
background: #D63D32;
}
.productFeatures .productFeaturesBtns {
display: none;
}
/* 产品参数 */
.productParameters {
padding: 40px 0px;
}
.productParameters .productParametersTitle {
font-size: 22px;
margin-bottom: 25px;
}
.productParameters .productParametersMain {
box-shadow: 0px 0px 43px 0px rgba(80, 99, 119, 0.1);
border-radius: 20px;
padding: 0px 0px 20px;
}
.productParameters .productParametersMain .productParametersLeft {
width: 100%;
margin: 0px 0px 20px;
padding-bottom: 20px;
}
.productParameters .productParametersMain .productParametersLeft .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-width: 2px;
margin: 0px 4.5px;
}
.productParameters .productParametersMain .productParametersRight {
margin: 0px 20px;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox {
width: 100%;
height: auto;
margin-right: 0px;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide {
overflow-x: auto;
padding-bottom: 20px;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide::-webkit-scrollbar {
width: 3px;
height: 3px;
background-color: #d5d5d5;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 3px;
background-color: #d5d5d5;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #D63D32;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide table {
min-width: 800px;
font-size: 14px;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide table tr:nth-child(1) td {
padding: 15.5px 15px;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBox .swiper-wrapper .swiper-slide table tr td {
padding: 10px 15px;
}
.productParameters .productParametersMain .productParametersRight .productParametersRightBtns {
display: none;
}
/* 应用案例 */
.applicationCases {
padding: 40px 0px;
}
.applicationCases .applicationCasesTitle {
font-size: 22px;
margin-bottom: 25px;
}
.applicationCases .applicationCasesMain {
padding-bottom: 0px;
}
.applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide a {
padding: 20px 20px 25px;
border-radius: 12px;
}
.applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide a:hover {
box-shadow: -1px 11px 17px 0px rgba(194, 124, 124, 0.39);
}
.applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide a .image {
border-radius: 12px;
margin-bottom: 20px;
}
.applicationCases .applicationCasesMain .swiper-wrapper .swiper-slide a p {
font-size: 16px;
}
.applicationCases .applicationCasesMain .swiper-pagination {
margin-top: 20px;
}
.applicationCases .applicationCasesMain .swiper-pagination .swiper-pagination-bullet {
margin: 0px 3px;
width: 15px;
height: 4px;
border-radius: 4px;
}
.applicationCases .applicationCasesMain .swiper-pagination .swiper-pagination-bullet-active {
width: 22px;
}
/* 关于我们 */
.aboutus {
padding: 40px 0px;
}
.aboutus .aboutusTitle {
margin-bottom: 35px;
}
.aboutus .aboutusTitle .aboutusTitleLeft {
margin-bottom: 6px;
}
.aboutus .aboutusTitle .aboutusTitleLeft p {
font-size: 26px;
line-height: 30px;
}
.aboutus .aboutusTitle .aboutusTitleLeft span {
font-size: 13px;
}
.aboutus .aboutusTitle .aboutusTitleRight {
width: 100%;
}
.aboutus .aboutusTitle .aboutusTitleRight .title {
font-size: 22px;
margin-bottom: 20px;
}
.aboutus .aboutusTitle .aboutusTitleRight .intro {
font-size: 14px;
line-height: 24px;
margin-bottom: 24px;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list {
padding: 2px 20px 0px;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list::after {
width: 15px;
height: 106px;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list img {
height: 34px;
margin-bottom: 14px;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list p {
font-size: 22px;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list p i {
font-size: 12px;
}
.aboutus .aboutusTitle .aboutusTitleRight .number .list span {
font-size: 12px;
}
.aboutus .aboutusMain {
min-height: auto;
border-radius: 12px;
padding: 40px 12px;
}
.aboutus .aboutusMain .listBox {
width: 100%;
margin-left: 0px;
}
.aboutus .aboutusMain .listBox .list {
width: 139px;
height: 125px;
padding: 22px 20px;
margin: 6px;
}
.aboutus .aboutusMain .listBox .list img {
height: 32px;
}
.aboutus .aboutusMain .listBox .list span {
font-size: 14px;
line-height: 20px;
min-height: 40px;
}
.aboutus .aboutusMain .listBox .list p {
font-size: 8px;
line-height: 10px;
margin-top: 29px;
}
/* 主营业务 */
.business {
padding: 40px 0px;
}
.business .businessTitle {
font-size: 22px;
margin-bottom: 25px;
}
.business .businessMain ul li {
width: 100%;
height: auto;
padding: 23px 20px;
}
.business .businessMain ul li:nth-child(4n+4) {
border-right: 0px;
}
.business .businessMain ul li:last-child {
padding-top: 23px;
}
.business .businessMain ul li:last-child .content p {
margin-bottom: 16px;
}
.business .businessMain ul li::after {
border-radius: 12px;
}
.business .businessMain ul li:hover::after {
height: calc(100% + 30px);
}
.business .businessMain ul li:hover .content {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.business .businessMain ul li .content img {
height: 44px;
margin-bottom: 18px;
}
.business .businessMain ul li .content p {
font-size: 16px;
margin-bottom: 4px;
}
.business .businessMain ul li .content span {
font-size: 14px;
}
.business .businessMain ul li .content .more {
width: 120px;
height: 40px;
line-height: 38px;
font-size: 12px;
}
.business .businessMain ul li .content .more i {
margin-left: 24px;
}
.business .businessMain ul li .content .more span {
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.business .businessMain ul li .content .more span::before {
width: 21px;
height: 2px;
}
.business .businessMain ul li .content .more span::after {
width: 2px;
height: 10px;
}
/* 发展历程 */
.history {
padding: 40px 0px;
}
.history .historyTitle {
font-size: 22px;
margin-bottom: 25px;
}
.history .historyMain {
width: 100%;
padding: 0px;
margin: 0px auto 25px;
}
.history .historyMain .swiper-wrapper .swiper-slide {
padding: 20px;
border-radius: 12px;
}
.history .historyMain .swiper-wrapper .swiper-slide .content {
margin-bottom: 25px;
}
.history .historyMain .swiper-wrapper .swiper-slide .content .year {
font-size: 36px;
margin-bottom: 12px;
}
.history .historyMain .swiper-wrapper .swiper-slide .content .line {
width: 32px;
height: 3px;
margin: 0 auto 20px;
}
.history .historyMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 16px;
}
.history .historyMain .swiper-wrapper .swiper-slide .image {
border-radius: 12px;
}
.history .historyList {
margin: 0px;
}
.history .historyList .swiper-wrapper .swiper-slide::before {
height: 12px;
margin-bottom: 10px;
}
.history .historyList .swiper-wrapper .swiper-slide::after {
top: 12px;
}
.history .historyList .swiper-wrapper .swiper-slide .year {
font-size: 14px;
}
.history .historyList .swiper-wrapper .swiper-slide .line {
top: 4px;
height: 8px;
}
.history .swiper-button-prev,
.history .swiper-button-next {
display: none;
}
/* 组织架构 */
.organizationalStructure {
padding: 40px 0px;
}
.organizationalStructure .organizationalStructureTitle {
margin-bottom: 25px;
}
.organizationalStructure .organizationalStructureTitle .logo {
margin-bottom: 10px;
}
.organizationalStructure .organizationalStructureTitle .logo img {
height: 32px;
}
.organizationalStructure .organizationalStructureTitle .title {
font-size: 22px;
}
.organizationalStructure .organizationalStructureMain {
margin: 0px;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide {
padding: 30px 20px;
border-radius: 12px;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide:hover {
box-shadow: 5px 5px 25px #ddd;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide:hover .content .more i {
margin-left: 16px;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .logo {
width: 150px;
height: 150px;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .logo img {
height: 150px;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .logo span {
font-size: 20px;
padding: 15px;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content {
margin-top: 25px;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content .title {
font-size: 16px;
margin-bottom: 9px;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 14px;
line-height: 22px;
height: auto;
margin-bottom: 15px;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content .more {
font-size: 13px;
}
.organizationalStructure .organizationalStructureMain .swiper-wrapper .swiper-slide .content .more i {
margin-left: 7px;
}
.organizationalStructure .organizationalStructureMain .swiper-button-prev,
.organizationalStructure .organizationalStructureMain .swiper-button-next {
display: none;
}
.organizationalStructure .organizationalStructureMain .swiper-pagination {
display: block;
text-align: center;
margin-top: 20px;
}
.organizationalStructure .organizationalStructureMain .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
margin: 0px 4px;
width: 18px;
height: 5px;
border-radius: 4px;
background: #999;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.organizationalStructure .organizationalStructureMain .swiper-pagination .swiper-pagination-bullet-active {
width: 26px;
background: #D63D32;
}
/* 组织架构弹窗 */
.organizationalStructurePopupBox {
border-radius: 12px;
}
.organizationalStructurePopupBox .organizationalStructurePopup {
width: 100%;
min-height: auto;
padding: 40px 20px;
}
.organizationalStructurePopupBox .organizationalStructurePopup .organizationalStructurePopupClose {
top: 20px;
right: 20px;
font-size: 18px;
}
.organizationalStructurePopupBox .organizationalStructurePopup .organizationalStructurePopupTitle {
height: 48px;
line-height: 48px;
font-size: 16px;
padding: 0px 30px;
border-radius: 12px 0px 12px 0px;
margin-bottom: 20px;
}
.organizationalStructurePopupBox .organizationalStructurePopup .organizationalStructurePopupMain {
margin: -5px;
}
.organizationalStructurePopupBox .organizationalStructurePopup .organizationalStructurePopupMain span {
min-width: 160px;
height: 43px;
line-height: 41px;
font-size: 14px;
border-radius: 6px;
padding: 0px 20px;
margin: 5px;
}
/* 生产基地 */
.productionBase {
padding: 40px 0px;
}
.productionBase .productionBaseTitle {
font-size: 22px;
margin-bottom: 25px;
}
.productionBase .productionBaseMain ul {
margin: 0px -9.5px;
}
.productionBase .productionBaseMain ul li {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
height: 48.309vw;
border-radius: 12px;
margin: 0px 0px 15px;
}
.productionBase .productionBaseMain ul li:last-child {
margin-bottom: 0px;
}
.productionBase .productionBaseMain ul li:hover {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.productionBase .productionBaseMain ul li .title {
font-size: 16px;
padding: 40px 20px 10px;
opacity: 1;
visibility: visible;
}
.productionBase .productionBaseMain ul li .subTitle {
display: none;
}
/* 运营思路 */
.operationalApproach {
padding: 40px 0px;
}
.operationalApproach .operationalApproachTitle {
font-size: 22px;
margin-bottom: 25px;
}
.operationalApproach .operationalApproachMain ul li {
margin-bottom: 15px;
}
.operationalApproach .operationalApproachMain ul li.active .title {
border-color: #d3291d;
background: #d3291d;
}
.operationalApproach .operationalApproachMain ul li .title {
padding: 0px 20px;
height: 55px;
line-height: 55px;
border-radius: 8px;
border: 2px solid #f7d8d6;
background: none;
overflow: hidden;
}
.operationalApproach .operationalApproachMain ul li .title span {
font-size: 16px;
}
.operationalApproach .operationalApproachMain ul li .title i {
width: 14px;
height: 14px;
}
.operationalApproach .operationalApproachMain ul li .title i::before {
height: 2px;
}
.operationalApproach .operationalApproachMain ul li .title i::after {
width: 2px;
}
.operationalApproach .operationalApproachMain ul li .content {
border-radius: 12px;
margin-top: 10px;
}
.operationalApproach .operationalApproachMain ul li .content .image {
-webkit-mask-image: none;
mask-image: none;
}
.operationalApproach .operationalApproachMain ul li .content .image img {
min-height: 250px;
object-fit: cover;
}
.operationalApproach .operationalApproachMain ul li .content .contentBox {
padding: 23px 20px 15px;
}
.operationalApproach .operationalApproachMain ul li .content .contentBox .subTitle {
font-size: 16px;
margin-bottom: 5px;
}
.operationalApproach .operationalApproachMain ul li .content .contentBox .intro {
font-size: 14px;
}
/* 专业团队 */
.professionalTeam {
padding: 40px 0px;
}
.professionalTeam .professionalTeamTitle {
font-size: 22px;
margin-bottom: 25px;
}
.professionalTeam .professionalTeamMain ul {
display: block;
grid-gap: 0px;
}
.professionalTeam .professionalTeamMain ul li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 15px;
margin-bottom: 15px;
}
.professionalTeam .professionalTeamMain ul li:last-child {
margin-bottom: 0px;
}
.professionalTeam .professionalTeamMain ul li:nth-child(2) .image {
width: 100%;
}
.professionalTeam .professionalTeamMain ul li:nth-child(3) .image {
width: 100%;
}
.professionalTeam .professionalTeamMain ul li .content {
padding: 23px 20px;
}
.professionalTeam .professionalTeamMain ul li .content .title {
font-size: 18px;
margin-bottom: 10px;
}
.professionalTeam .professionalTeamMain ul li .content .line {
width: 30px;
height: 2px;
margin-bottom: 12px;
}
.professionalTeam .professionalTeamMain ul li .content .intro {
font-size: 14px;
line-height: 28px;
}
.professionalTeam .professionalTeamMain ul li .image {
border-radius: 12px;
}
/* 公司介绍 */
.companyIntroduction {
padding: 40px 0px;
}
.companyIntroduction::after {
top: auto;
bottom: 20px;
right: 10px;
width: 104px;
height: 78px;
}
.companyIntroduction .content {
width: 100%;
padding-top: 18px;
margin-bottom: 30px;
}
.companyIntroduction .content .symbol img {
width: 38px;
}
.companyIntroduction .content .title {
font-size: 22px;
line-height: 28px;
margin: 12px 0px 15px;
}
.companyIntroduction .content .intro {
font-size: 14px;
line-height: 24px;
}
.companyIntroduction .image {
width: 100%;
border-radius: 100px 12px 12px 12px;
}
/* 合作模式 */
.collaborationMode {
padding: 40px 0px;
}
.collaborationMode .collaborationModeTitle {
font-size: 22px;
margin-bottom: 25px;
}
.collaborationMode .collaborationModeMain {
margin: 0px;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide {
border-radius: 12px;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .image {
width: 100%;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .content {
padding: 23px 20px;
border-bottom-width: 3px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .content .number {
top: 30px;
right: 20px;
font-size: 60px;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .content .icon img {
height: 45px;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .content .title {
font-size: 16px;
margin: 15px 0px 8px;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 14px;
line-height: 24px;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide-active {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide-active .content {
opacity: 1;
visibility: visible;
}
.collaborationMode .collaborationModeMain .swiper-wrapper .swiper-slide-next {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.collaborationMode .collaborationModeMain .swiper-button-prev,
.collaborationMode .collaborationModeMain .swiper-button-next {
display: none;
}
.collaborationMode .collaborationModeMain .swiper-pagination {
display: block;
text-align: center;
margin-top: 20px;
}
.collaborationMode .collaborationModeMain .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
margin: 0px 4px;
width: 18px;
height: 5px;
border-radius: 4px;
background: #999;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.collaborationMode .collaborationModeMain .swiper-pagination .swiper-pagination-bullet-active {
width: 26px;
background: #D63D32;
}
/* 管理体系 */
.managementSystem {
padding: 40px 0px;
}
.managementSystem .managementSystemTitle {
padding: 0px;
margin-bottom: 125px;
}
.managementSystem .managementSystemTitle .title {
font-size: 22px;
margin-bottom: 12px;
}
.managementSystem .managementSystemTitle .intro {
font-size: 13px;
line-height: 23px;
}
.managementSystem .managementSystemMain {
height: 900px;
}
.managementSystem .managementSystemMain ul {
position: relative;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.managementSystem .managementSystemMain ul::after {
width: 900px;
height: 189px;
background: url("../images/managementSystemLine.png") no-repeat center/cover;
content: "";
display: block;
}
.managementSystem .managementSystemMain ul li {
position: absolute;
cursor: pointer;
}
.managementSystem .managementSystemMain ul li:nth-child(1) {
left: -5px;
bottom: -8px;
}
.managementSystem .managementSystemMain ul li:nth-child(2) {
left: 128px;
bottom: 4px;
}
.managementSystem .managementSystemMain ul li:nth-child(3) {
left: 256px;
bottom: 27px;
}
.managementSystem .managementSystemMain ul li:nth-child(4) {
left: 384px;
bottom: 65px;
}
.managementSystem .managementSystemMain ul li:nth-child(5) {
left: 512px;
bottom: 111px;
}
.managementSystem .managementSystemMain ul li:nth-child(6) {
left: 640px;
bottom: 148px;
}
.managementSystem .managementSystemMain ul li:nth-child(7) {
left: 768px;
bottom: 171px;
}
.managementSystem .managementSystemMain ul li:nth-child(8) {
left: 896px;
bottom: 178px;
}
.managementSystem .managementSystemMain ul li:nth-child(n+5) .title {
bottom: -75px;
}
.managementSystem .managementSystemMain ul li.active .popup {
-webkit-transform: translate(-50%, -50%) scale(1) rotate(-90deg);
-ms-transform: translate(-50%, -50%) scale(1) rotate(-90deg);
transform: translate(-50%, -50%) scale(1) rotate(-90deg);
}
.managementSystem .managementSystemMain ul li .drop {
width: 20px;
height: 20px;
}
.managementSystem .managementSystemMain ul li .drop::after {
width: 6px;
height: 6px;
}
.managementSystem .managementSystemMain ul li .title {
bottom: 75px;
-webkit-transform: translateX(-50%) rotate(-90deg);
-ms-transform: translateX(-50%) rotate(-90deg);
transform: translateX(-50%) rotate(-90deg);
font-size: 14px;
}
.managementSystem .managementSystemMain ul li .popup {
-webkit-transform: translate(-50%, -50%) scale(0.1) rotate(-90deg);
-ms-transform: translate(-50%, -50%) scale(0.1) rotate(-90deg);
transform: translate(-50%, -50%) scale(0.1) rotate(-90deg);
}
.managementSystem .managementSystemMain ul li .popup .image {
width: 102px;
padding: 3px;
}
.managementSystem .managementSystemMain ul li .popup .image img {
width: 102px;
height: 102px;
}
.managementSystem .managementSystemMain ul li .popup p {
font-size: 14px;
bottom: -41px;
}
/* 合作项目 */
.collaborativeProjects {
padding: 40px 0px;
}
.collaborativeProjects .collaborativeProjectsTitle {
font-size: 22px;
margin-bottom: 25px;
}
.collaborativeProjects .collaborativeProjectsMain {
margin-right: 0px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide {
border-radius: 12px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide:hover .content .line {
width: 3px;
height: 25px;
margin: 9px 0px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide:hover .content .intro {
max-height: 96px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide .content {
padding: 30px 20px 20px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide .content .title {
font-size: 16px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide .content .line {
width: 32px;
height: 3px;
margin: 13px 0px 0px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 14px;
line-height: 24px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-scrollbar {
height: 3px;
margin-top: 25px;
}
.collaborativeProjects .collaborativeProjectsMain .swiper-scrollbar .swiper-scrollbar-drag {
height: 3px;
}
/* 智慧停车 */
.smartParking {
padding: 40px 0px;
}
.smartParking .smartParkingTitle {
font-size: 22px;
margin-bottom: 25px;
}
.smartParking .smartParkingMain {
margin-right: 0px;
padding-bottom: 0px;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .image {
border-radius: 12px;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content {
border-radius: 12px;
box-shadow: 0px 3px 57px 0px rgba(158, 5, 5, 0.06);
margin: -25px 20px;
padding: 23px 20px;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content.active .intro {
max-height: 390px;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .title {
font-size: 16px;
margin-bottom: 11px;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .line {
width: 32px;
height: 3px;
margin-bottom: 12px;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 14px;
line-height: 24px;
margin-bottom: 12px;
max-height: 96px;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .more {
font-size: 12px;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .more span {
margin-right: 7px;
}
.smartParking .smartParkingMain .swiper-wrapper .swiper-slide .content .more i {
font-size: 9px;
}
.smartParking .smartParkingMain .swiper-pagination {
display: block;
text-align: center;
margin-top: 40px;
}
.smartParking .smartParkingMain .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
margin: 0px 4px;
width: 18px;
height: 5px;
border-radius: 4px;
background: #999;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.smartParking .smartParkingMain .swiper-pagination .swiper-pagination-bullet-active {
width: 26px;
background: #D63D32;
}
/* 商业模式 */
.businessModel {
padding: 40px 0px;
}
.businessModel .businessModelTitle {
font-size: 22px;
margin-bottom: 25px;
}
.businessModel .businessModelMain ul {
margin: 0px;
}
.businessModel .businessModelMain ul li {
width: 100%;
padding: 23px 20px;
margin: 0px 0px 15px;
border-radius: 12px;
border-width: 2px;
}
.businessModel .businessModelMain ul li:last-child {
margin-bottom: 0px;
}
.businessModel .businessModelMain ul li .content {
padding: 0px 15px;
}
.businessModel .businessModelMain ul li .content .title {
font-size: 16px;
margin-bottom: 13px;
}
.businessModel .businessModelMain ul li .content .intro {
font-size: 14px;
line-height: 24px;
min-height: auto;
}
/* 合作机制 */
.cooperationMechanism {
padding: 40px 0px;
}
.cooperationMechanism .cooperationMechanismTitle {
font-size: 22px;
margin-bottom: 25px;
}
/* 产品相关问题 */
.productRelatedIssues {
padding: 40px 0px;
}
.productRelatedIssues .productRelatedIssuesTitle {
font-size: 22px;
margin-bottom: 25px;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title {
padding: 18px 20px;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title span {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 14px;
border-radius: 5px;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title b {
font-size: 16px;
margin: 0px 50px 0px 12px;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title i {
width: 20px;
height: 20px;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title i::before {
height: 2px;
}
.productRelatedIssues .productRelatedIssuesMain ul li .title i::after {
width: 2px;
}
.productRelatedIssues .productRelatedIssuesMain ul li .content {
padding: 0px 25px 23px;
}
.productRelatedIssues .productRelatedIssuesMain ul li .content span {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 14px;
border-radius: 5px;
}
.productRelatedIssues .productRelatedIssuesMain ul li .content .intro {
margin-left: 12px;
font-size: 14px;
line-height: 24px;
}
/* 产品介绍列表 */
.productIntroListing {
padding: 40px 0px;
}
.productIntroListing .productIntroListingTitle {
font-size: 22px;
margin-bottom: 25px;
}
.productIntroListing .productIntroListingMain ul {
margin: -15px 0px 0px;
}
.productIntroListing .productIntroListingMain ul li {
width: 100%;
margin: 15px 0px 0px;
}
.productIntroListing .productIntroListingMain ul li a {
border-radius: 12px;
}
.productIntroListing .productIntroListingMain ul li a:hover {
box-shadow: 0px 10px 37px #eee;
}
.productIntroListing .productIntroListingMain ul li a .content {
padding: 23px 20px;
}
.productIntroListing .productIntroListingMain ul li a .content .title {
font-size: 16px;
margin-bottom: 18px;
}
.productIntroListing .productIntroListingMain ul li a .content .title::before {
width: 13px;
height: 13px;
margin-right: 7px;
}
.productIntroListing .productIntroListingMain ul li a .content .intro {
font-size: 14px;
line-height: 22px;
height: auto;
max-height: 44px;
margin-bottom: 20px;
}
.productIntroListing .productIntroListingMain ul li a .content .arrow {
font-size: 12px;
}
/* 产品详情弹窗 */
.productPopupBox {
width: 100%;
max-height: calc(100vh - 40px);
min-height: 560px;
border-radius: 12px;
}
.productPopup {
padding: 40px 20px;
}
.productPopup .productPopupClose {
top: 20px;
right: 20px;
font-size: 18px;
}
.productPopup .productPopupFeatures {
margin-bottom: 65px;
}
.productPopup .productPopupFeatures .productPopupFeaturesTitle {
font-size: 22px;
margin-bottom: 25px;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-wrapper .swiper-slide {
padding: 50px 30px 30px;
border-radius: 20px;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-wrapper .swiper-slide .icon {
width: 68px;
height: 68px;
border-width: 2px;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-wrapper .swiper-slide .icon img {
height: 68px;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-wrapper .swiper-slide .title {
font-size: 16px;
margin: 15px 0px 8px;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-wrapper .swiper-slide .intro {
font-size: 14px;
line-height: 22px;
min-height: auto;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-pagination {
margin-top: 20px;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-pagination .swiper-pagination-bullet {
margin: 0px 2.5px;
width: 18px;
height: 4px;
border-radius: 4px;
}
.productPopup .productPopupFeatures .productPopupFeaturesMain .swiper-pagination .swiper-pagination-bullet-active {
width: 23px;
}
.productPopup .productPopupTable .productPopupTableTitle {
font-size: 22px;
margin-bottom: 25px;
}
.productPopup .productPopupTable .productPopupTableMain {
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft {
width: 100%;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft .productPopupTableLeftTitle {
font-size: 18px;
line-height: 54px;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft .productPopupTableLeftMain {
min-height: auto;
padding: 25px 20px;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft .productPopupTableLeftMain .image {
margin-top: 0px;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableLeft .productPopupTableLeftMain .content {
font-size: 14px;
line-height: 24px;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-x: auto;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight::-webkit-scrollbar {
width: 3px;
height: 3px;
background-color: #d5d5d5;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 3px;
background-color: #d5d5d5;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #D63D32;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight table {
min-width: 600px;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight table tr:nth-child(1) td {
font-size: 14px;
line-height: 44px;
}
.productPopup .productPopupTable .productPopupTableMain .productPopupTableRight table tr td {
font-size: 13px;
padding: 8px 18px;
}
/* 融资渠道 */
.financingChannel {
padding: 40px 0px;
}
.financingChannel .financingChannelTitle {
font-size: 22px;
margin-bottom: 25px;
}
.financingChannel .financingChannelMain {
padding-bottom: 0px;
overflow: visible;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide {
border-radius: 12px;
padding: 30px 20px;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide:nth-child(even) {
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .image {
width: 105px;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .image img {
width: 105px;
height: 105px;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content {
margin-top: 15px;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content .title {
font-size: 16px;
margin-bottom: 7px;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content .intro {
font-size: 14px;
line-height: 24px;
min-height: auto;
margin-bottom: 12px;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content .more {
font-size: 12px;
}
.financingChannel .financingChannelMain .swiper-wrapper .swiper-slide .content .more i {
margin-left: 10px;
}
.financingChannel .financingChannelMain .swiper-pagination {
margin-top: 40px;
}
.financingChannel .financingChannelMain .swiper-pagination .swiper-pagination-bullet {
margin: 0px 2.5px;
width: 18px;
height: 4px;
border-radius: 4px;
}
.financingChannel .financingChannelMain .swiper-pagination .swiper-pagination-bullet-active {
width: 23px;
}
/* 合作客户 */
.partner {
padding: 40px 0px;
}
.partner .partnerTitle {
font-size: 22px;
margin-bottom: 25px;
}
.partner .partnerMain {
width: 100%;
}
.partner .partnerMain ul {
margin: -5px;
}
.partner .partnerMain ul li {
width: calc(33.33% - 10px);
margin: 5px;
border-radius: 12px;
}
.partner .partnerMain .swiper-pagination {
margin-top: 30px;
}
.partner .partnerMain .swiper-pagination .swiper-pagination-bullet {
margin: 0px 2.5px;
width: 18px;
height: 4px;
border-radius: 4px;
}
.partner .partnerMain .swiper-pagination .swiper-pagination-bullet-active {
width: 23px;
}
/* 专家级服务 */
.expertLevelService {
padding: 40px 0px;
}
.expertLevelService .expertLevelServiceLeft {
width: 100%;
margin-bottom: 25px;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceTitle {
text-align: center;
margin-bottom: 25px;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceTitle .title {
font-size: 22px;
margin-bottom: 8px;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceTitle .intro {
font-size: 14px;
line-height: 24px;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul {
grid-gap: 10px 10px;
grid: "list1 list2" "list3 list4" "list5 .";
-ms-grid-columns: 48% 48%;
grid-template-columns: 48% 48%;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li {
padding: 23px 20px;
border-radius: 10px;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li .icon {
text-align: left;
margin-bottom: 12px;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li .icon img {
height: 32px;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li .number {
font-size: 24px;
}
.expertLevelService .expertLevelServiceLeft .expertLevelServiceNumber ul li .intro {
font-size: 12px;
}
.expertLevelService .expertLevelServiceRight {
width: 100%;
}
.expertLevelService .expertLevelServiceRight::after {
left: -20px;
bottom: -20px;
width: 90px;
height: 65px;
}
.expertLevelService .expertLevelServiceRight .image {
border-radius: 12px;
}
/* 售后服务团队 */
.serviceTeam {
padding: 40px 0px;
}
.serviceTeam .serviceTeamTitle {
padding: 0px;
margin-bottom: 25px;
}
.serviceTeam .serviceTeamTitle .title {
font-size: 22px;
margin-bottom: 8px;
}
.serviceTeam .serviceTeamTitle .intro {
font-size: 14px;
line-height: 24px;
}
.serviceTeam .serviceTeamMain ul {
margin: 0px 0px -15px;
}
.serviceTeam .serviceTeamMain ul li {
width: 100%;
margin: 0px 0px 15px;
border-radius: 12px;
}
.serviceTeam .serviceTeamMain ul li:nth-child(1) {
width: 100%;
}
.serviceTeam .serviceTeamMain ul li:nth-child(2) {
width: 100%;
}
.serviceTeam .serviceTeamMain ul li img {
height: auto;
}
/* 售后服务网点 */
.serviceNetwork {
padding: 40px 0px;
}
.serviceNetwork .serviceNetworkTitle {
font-size: 22px;
margin-bottom: 25px;
}
.serviceNetwork .serviceNetworkList {
margin-bottom: 25px;
}
.serviceNetwork .serviceNetworkList ul li {
min-width: auto;
height: 43px;
line-height: 43px;
font-size: 14px;
border-radius: 9px;
padding: 0px 15px;
margin: 0px 5.5px;
}
.serviceNetwork .serviceNetworkMain {
margin-bottom: 40px;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul {
margin: 0px 0px -15px;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li {
width: 100%;
margin: 0px 0px 15px;
padding: 23px 20px;
border-radius: 12px;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .title {
padding-bottom: 15px;
margin-bottom: 15px;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .title img {
height: 22px;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .title span {
font-size: 16px;
margin-left: 12px;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .intro {
font-size: 14px;
line-height: 21px;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide ul li .intro p {
margin-bottom: 6px;
}
.serviceNetwork .serviceNetworkMain .swiper-wrapper .swiper-slide-active {
opacity: 1 !important;
z-index: 2;
}
/* 全过程支持 */
.fullProcessSupport {
padding: 40px 0px;
}
.fullProcessSupport .fullProcessSupportTitle {
font-size: 22px;
margin-bottom: 25px;
}
.fullProcessSupport .fullProcessSupportMain ul li:nth-child(odd) {
margin-right: 150px;
}
.fullProcessSupport .fullProcessSupportMain ul li:nth-child(odd)::after {
top: 112px;
right: -16px;
background: url("../images/fullProcessSupportLine1.png") no-repeat center/cover;
}
.fullProcessSupport .fullProcessSupportMain ul li:nth-child(even) {
margin-top: 0px;
margin-left: 150px;
}
.fullProcessSupport .fullProcessSupportMain ul li:nth-child(even)::after {
top: 109px;
right: 168px;
background: url("../images/fullProcessSupportLine2.png") no-repeat center/cover;
}
.fullProcessSupport .fullProcessSupportMain ul li::after {
width: 69px;
height: 41.5px;
}
.fullProcessSupport .fullProcessSupportMain ul li .icon {
width: 110px;
height: 118px;
line-height: 118px;
}
.fullProcessSupport .fullProcessSupportMain ul li .icon img {
height: 44.5px;
}
.fullProcessSupport .fullProcessSupportMain ul li .number {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
width: 47px;
height: 43.5px;
line-height: 47.5px;
font-size: 18px;
margin: -28px auto 4px;
}
.fullProcessSupport .fullProcessSupportMain ul li .title {
font-size: 16px;
}
/* 新闻中心 */
.newsCenter {
padding: 40px 0px;
}
.newsCenter .newsCenterRecommend {
margin-bottom: 30px;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a {
border-radius: 12px;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .image {
width: 100%;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .content {
width: 100%;
padding: 23px 20px;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .content .time {
font-size: 13px;
margin-bottom: 7px;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .content .time i {
margin-right: 7px;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .content .title {
font-size: 16px;
line-height: 24px;
margin-bottom: 6px;
}
.newsCenter .newsCenterRecommend .swiper-wrapper .swiper-slide a .content .intro {
font-size: 14px;
line-height: 22px;
}
.newsCenter .newsCenterRecommend .swiper-pagination {
display: block;
text-align: center;
margin-top: 15px;
}
.newsCenter .newsCenterRecommend .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
width: 15px;
height: 4px;
border-radius: 4px;
background: #999;
margin: 0px 3px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.newsCenter .newsCenterRecommend .swiper-pagination .swiper-pagination-bullet-active {
width: 22px;
background: #D63D32;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendOther {
display: none;
}
.newsCenter .newsCenterRecommend .newsCenterRecommendBtns {
display: none;
}
.newsCenter .newsCenterScreen {
width: 50%;
max-width: 300px;
margin-bottom: 25px;
}
.newsCenter .newsCenterScreen input {
height: 45px;
font-size: 13px;
padding: 0px 15px;
border-radius: 26px;
border-width: 2px;
}
.newsCenter .newsCenterScreen .layui-form-select .layui-edge {
right: 22px;
border-width: 6px;
margin-top: -3px;
}
.newsCenter .newsCenterScreen .layui-form-selected .layui-edge {
margin-top: -9px;
}
.newsCenter .newsCenterScreen .layui-form-select dl {
top: 55px;
padding: 5px 0px;
max-height: 300px;
}
.newsCenter .newsCenterScreen .layui-form-select dl dd, .newsCenter .newsCenterScreen .layui-form-select dl dt {
padding: 0px 10px;
font-size: 13px;
line-height: 38px;
}
.newsCenter .newsCenterMain {
margin-bottom: 40px;
}
.newsCenter .newsCenterMain ul {
margin: 0px 0px -15px;
}
.newsCenter .newsCenterMain ul li {
width: 100%;
margin: 0px 0px 15px;
}
.newsCenter .newsCenterMain ul li a {
border-radius: 12px;
}
.newsCenter .newsCenterMain ul li a .content {
padding: 18px 20px;
}
.newsCenter .newsCenterMain ul li a .content .time {
margin-bottom: 6px;
}
.newsCenter .newsCenterMain ul li a .content .time i {
font-size: 13px;
margin-right: 7px;
}
.newsCenter .newsCenterMain ul li a .content .time span {
font-size: 13px;
}
.newsCenter .newsCenterMain ul li a .content .title {
font-size: 16px;
margin-bottom: 18px;
}
.newsCenter .newsCenterMain ul li a .content .more {
font-size: 13px;
}
/* 新闻详情 */
.newsDetail {
padding: 80px 0px 40px;
}
.newsDetail .newsDetailBox {
padding: 30px 0px 0px;
border-radius: 12px;
}
.newsDetail .newsDetailBox .newsDetailTime {
font-size: 12px;
height: 30px;
line-height: 30px;
border-radius: 20px;
padding: 0px 12px;
margin: 0px 20px 12px;
}
.newsDetail .newsDetailBox .newsDetailTime span {
margin-left: 7px;
}
.newsDetail .newsDetailBox .newsDetailTitle {
padding-bottom: 20px;
margin: 0px 20px 20px;
}
.newsDetail .newsDetailBox .newsDetailTitle .title {
font-size: 20px;
line-height: 30px;
margin-bottom: 18px;
}
.newsDetail .newsDetailBox .newsDetailTitle .share a {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 16px;
margin-right: 11px;
}
.newsDetail .newsDetailBox .newsDetailTitle .share a img {
width: 100%;
margin-top: -3px;
}
.newsDetail .newsDetailBox .newsDetailMain {
margin: 0px 20px;
font-size: 14px;
line-height: 26px;
}
.newsDetail .newsDetailBox .newsDetailMain img, .newsDetail .newsDetailBox .newsDetailMain video, .newsDetail .newsDetailBox .newsDetailMain iframe {
margin: 0px auto;
}
.newsDetail .newsDetailBox .newsDetailMain span {
font-size: 14px !important;
line-height: 26px !important;
}
.newsDetail .newsDetailBox .newsDetailBtns {
height: auto;
line-height: 24px;
padding: 23px 20px;
margin-top: 40px;
}
.newsDetail .newsDetailBox .newsDetailBtns .btn {
font-size: 14px;
margin-bottom: 6px;
}
.newsDetail .newsDetailBox .newsDetailBtns .btn:last-child {
margin-bottom: 0px;
}
.newsDetail .newsDetailBox .newsDetailBtns .btn i {
margin-right: 10px;
}
}