/* CSS Reset */
html {
-webkit-text-size-adjust: none;
font-size: 62.5%;
line-height: normal;
}
body {
color: #666;
overflow-x: hidden;
margin: 0;
padding: 0;
}
input,
select,
textarea {
border-radius: 0;
outline: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
a,
*::before,
*::after {
text-decoration: none;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
}
a * {
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
}
.fullscreen,
.fullscreen body {
width: 100%;
height: 100%;
overflow: hidden
}
.pcshow {
display: block;
}
.mbshow {
display: none !important;
}
.clear {
clear: both;
}
.img {
position: relative;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #ccc;
}
.pic {
position: relative;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.img img,
.pic img {
max-width: 100%;
max-height: 100%;
margin: auto;
padding: 0;
border: 0;
width: 100%;
height: auto;
border: none;
}
.img-center {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: auto !important;
height: auto !important;
z-index: 1;
max-width: 100%;
max-height: 100%;
}
.img-block {
display: block;
width: 100%;
height: auto;
}
.img-inline {
display: inline-block;
width: auto;
height: auto;
max-width: 100%;
}
.clamp1 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.clamp2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.clamp3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.clamp4 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.clamp5 {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.send-mark {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 999;
background: rgba(255, 255, 255, 0.5);
}
.send-mark.cur {
display: none;
}
.send-mark i {
display: block;
width: 4.8rem;
height: 4.8rem;
background: url('../images/loading.gif') center no-repeat;
background-size: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50, -50%);
}
/* header */
/* .header {
position: fixed;
left: 0;
top: 0;
z-index: 500;
width: 100%;
transition: all .4s ease;
background: #fff;
box-shadow: 1.678px 2.487px 15.36px 0.64px rgba(0, 0, 0, 0.1);
}
.header::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
background: #f1f1f1;
}
.header * {
transition: all .4s ease;
} */
.header-content {
width: 100%;
height: 8rem;
margin: auto;
position: relative;
z-index: 8;
text-align: center;
font-size: 0;
}
.header-content ul,
.header-content li {
list-style: none;
margin: 0;
padding: 0;
}
.header-left {
position: absolute;
left: 10%;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}
.header-center {
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%);
z-index: 3;
width: 90%;
text-align: center;
}
.header-right {
position: absolute;
right: 10%;
top: 50%;
transform: translateY(-50%);
z-index: 10;
text-align: right;
}
.header-logo {
max-width: 18rem;
max-height: 80%;
width: 18rem;
overflow: hidden;
}
.header-logo a {
display: block;
width: 100%;
height: 100%;
}
.header-nav {
text-align: center;
}
.header-nav ul {
display: flex;
justify-content: center;
}
.header-nav li {
padding: 0 3rem;
position: relative;
}
.header-nav a.nav {
line-height: 8rem;
position: relative;
z-index: 20;
}
.header-nav a.nav span {
color: #333;
display: inline-block;
vertical-align: middle;
}
.header-nav li span::after {
content: '';
width: 0;
height: 3px;
position: absolute;
left: 0;
bottom: -2rem;
background: #ff9900;
z-index: 11;
}
.header-nav li.cur span::after {
width: 100%;
}
.header-nav a.nav:hover span,
.header-nav li.cur a.nav span {
color: #ff9900;
}
.header-nav li.dropdown a.nav i {
display: block;
width: 1.2rem;
height: .7rem;
position: absolute;
right: -2rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
background: url('../images/d1.png') center no-repeat;
background-size: 100%;
filter: grayscale(1);
}
.header-nav li:hover {
z-index: 40;
}
.header-link {
font-size: 0;
text-align: right;
}
.header-link .link-1 {
display: inline-block;
vertical-align: middle;
margin-left: 1rem;
}
.header-link .link-1 a {
display: block;
background: #ff9900;
border: 2px solid #ff9900;
border-radius: 6px;
text-align: center;
width: 11rem;
box-sizing: border-box;
padding: .5rem 0;
}
.header-link .link-1 span {
display: block;
color: #fff;
position: relative;
}
.header-link .link-1:first-child a {
border: 2px solid #d3d3d3;
background: none;
}
.header-link .link-1:first-child span {
color: #333;
}
.header-link .link-1 a:hover {
background: #de8142;
border: 2px solid #de8142;
}
.header-link .link-1 a:hover span {
color: #fff;
}
.header-nav-show {
width: 20rem;
background: #fff;
position: absolute;
left: 0;
top: 99%;
z-index: 11;
box-shadow: 5.15px 8.572px 10px 0px rgba(0, 0, 0, 0.2);
display: none;
}
.header-nav-show ul {
padding: 2rem;
overflow: hidden;
display: block;
text-align: left;
}
.header-nav-show ul a {
display: block;
color: #999;
border-bottom: 1px solid #333;
padding: .5rem 0;
}
.header-nav-show ul a:last-child {
border-bottom: none;
}
.header-nav-show ul a:hover {
color: #0192d5;
border-bottom: 1px solid #0192d5;
}
.header-nav-show ul a:last-child:hover {
color: #0192d5;
border-bottom: none;
}
.header-nav-show ul i {
width: 3rem;
height: 3rem;
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 2rem;
}
.header-nav-show ul span {
display: inline-block;
vertical-align: middle;
}
.header-nav-show ul span::after {
display: none;
}
.header-nav-show.product-services * {
transition: none;
}
.header-nav-show.product-services {
width: 60rem;
border-radius: 1rem;
left: -100%;
border-top: 1px solid #eff0f2;
transition: none;
display: none;
}
.header-nav-show.product-services.class3 {
width: 74rem;
}
.header-nav-show.product-services.class3 ul {
padding: 5%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.header-nav-show.product-services.class3 ul li {
width: 33%;
margin: 0;
}
.header-nav-show.product-services.class3 ul li .nav-2 a {
padding: 1rem 1rem;
}
.header-nav-show.product-services ul {
position: relative;
overflow: hidden;
padding: 5% 0;
}
.header-nav-show.product-services ul li {
float: left;
width: 45%;
margin: 0;
margin: 0 5%;
padding: 0;
}
.header-nav-show.product-services ul li:last-child {
margin: 0;
}
.header-nav-show.product-services ul li a {
font-weight: normal;
color: #8a9abb;
border: none;
position: relative;
}
.header-nav-show.product-services ul li a::after {
content: '';
display: block;
margin: 1rem 0;
width: 80%;
height: 2px;
background-image: linear-gradient(to right, #8a9abb, #fff);
}
.header-nav-show.product-services ul li a:hover {
color: #ff9900;
}
.header-nav-show.product-services ul li .nav-2 {
padding-top: 1rem;
overflow: hidden;
width: 90%;
position: relative;
}
.header-nav-show.product-services ul li .nav-2::after {
content: '';
width: 2px;
height: 85%;
position: absolute;
right: 0;
top: 10%;
background: #ccc;
opacity: .3;
}
.header-nav-show.product-services ul li:last-child .nav-2::after {
display: none;
}
.header-nav-show.product-services ul li .nav-2 a {
font-weight: normal;
color: #1b1d34;
padding: 1rem 2rem;
border-radius: .5rem;
width: 70%;
}
.header-nav-show.product-services ul li .nav-2 a::after {
display: none;
}
.header-nav-show.product-services ul li .nav-2 a:hover {
color: #ff9900;
background: #f9faff;
}
.header-nav-show.solutions {
width: 34rem;
border-radius: 1rem;
left: -60%;
border-top: 1px solid #eff0f2;
transition: none;
display: none;
}
.header-nav-show.solutions ul {
position: relative;
overflow: hidden;
padding: 10%;
}
.header-nav-show.solutions ul li {
width: 100%;
float: none;
padding: 0;
box-sizing: border-box;
}
.header-nav-show.solutions ul li a {
font-weight: normal;
color: #8a9abb;
border: none;
position: relative;
padding: 1rem 2rem;
border-radius: .5rem;
}
.header-nav-show.solutions ul li a:hover {
color: #ff9900;
background: #f9faff;
}
.header-nav-show.solutions ul span {
color: #1b1d34;
}
.header-nav-show.about {
width: 26rem;
border-radius: 1rem;
left: -50%;
border-top: 1px solid #eff0f2;
transition: none;
display: none;
}
.header-nav-show.about ul {
position: relative;
overflow: hidden;
padding: 10%;
}
.header-nav-show.about ul li {
width: 100%;
float: none;
padding: 0;
box-sizing: border-box;
}
.header-nav-show.about ul li a {
font-weight: normal;
color: #8a9abb;
border: none;
position: relative;
padding: 1rem 2rem;
border-radius: .5rem;
}
.header-nav-show.about ul li a:hover {
color: #ff9900;
background: #f9faff;
}
.header-nav-show.about ul span {
color: #1b1d34;
}
/* menu */
.menu-toggle {
display: none;
}
.cd-nav-trigger {
display: inline-block;
position: relative;
}
.menu-toggle i:before {
display: inline-block;
vertical-align: middle;
color: #000;
font-size: 1.6rem;
}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {
content: "";
display: block;
width: 100%;
height: 2px;
background: #000;
position: absolute;
top: 50%;
margin-top: -2px;
left: 50%;
margin-left: -50%;
-webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
transition-delay: 0.15s;
}
.menu-toggle span.hamburger:after {
margin-top: -6px;
top: 0;
transition-delay: 0.27s;
}
.menu-toggle span.hamburger:before {
margin-top: 6px;
top: 0;
transition-delay: 0.2s;
}
.menu-toggle span.cross {
display: inline-block;
vertical-align: middle;
position: relative;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {
content: "";
display: block;
width: 100%;
height: 2px;
background: #000;
position: absolute;
top: 50%;
margin-top: 0;
left: 50%;
margin-left: -50%;
-webkit-transform: translateY(-7rem) translateX(-7rem) rotate(45deg);
transform: translateY(-7rem) translateX(-7rem) rotate(45deg);
transition-delay: 0.12s;
}
.menu-toggle span.cross:after {
transition-delay: 0s;
-webkit-transform: translateY(7rem) translateX(-7rem) rotate(-45deg);
transform: translateY(7rem) translateX(-7rem) rotate(-45deg);
}
.menu-toggle span.cross:after {
-webkit-transform: translateY(-7rem) translateX(7rem) rotate(-45deg);
transform: translateY(-7rem) translateX(7rem) rotate(-45deg);
}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {
-webkit-transform: translateX(7rem);
transform: translateX(7rem);
transition-delay: 0.12s;
}
.no-touch .menu-toggle span.hamburger:after {
transition-delay: 0s;
}
.no-touch .menu-toggle span.hamburger:before {
transition-delay: 0.07s;
}
.no-touch .menu-toggle span.cross:before {
transition-delay: 0.12s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.no-touch .menu-toggle span.cross:after {
transition-delay: 0.24s;
-webkit-transform: rotate(-45deg) !important;
transform: rotate(-45deg) !important;
}
.no-touch .menu-toggle em:first-child {
transform: translateY(-100%);
}
.no-touch .menu-toggle em:last-child {
transform: translateY(0);
opacity: 1;
}
/* footer */
.footer {
position: relative;
clear: both;
overflow: hidden;
background: #20222c;
position: relative;
z-index: 11;
background-size: cover;
color: #fff;
}
.footer ul,
.footer li {
list-style: none;
margin: 0;
padding: 0;
}
.footer a {
color: #fff;
}
.footer a:hover {
color: #1b44e7;
}
.footer-content {
width: 80%;
margin: auto;
font-size: 0;
position: relative;
}
.footer-content-top {
overflow: hidden;
}
.footer-content-center {
position: relative;
padding-bottom: 3%;
}
.footer-content-top .footer-content {
padding: 10rem 0 5rem 0;
position: relative;
overflow: hidden;
margin-bottom: 3%;
}
.footer-content-top-left {
float: left;
width: 20%;
}
.footer-content-top-right {
float: right;
width: 70%;
}
.footer-logo {
width: 15rem;
overflow: hidden;
}
.footer-contact {
overflow: hidden;
clear: both;
padding-top: 5rem;
}
.footer-contact-ewm {
font-size: 0;
}
.footer-contact-ewm .ewm-1 {
display: inline-block;
text-align: center;
vertical-align: top;
width: 46%;
margin-right: 5%;
}
.footer-contact-ewm .ewm-1:last-child {
margin-right: 0;
}
.footer-contact-ewm .pic-1 {
width: 100%;
}
.footer-contact-ewm .text-1 {
margin-top: 1rem;
color: #b3b3b3;
}
.footer-contact-us {
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
}
.footer-contact-us .text-1 {
margin-top: 2rem;
color: #b3b3b3;
}
.footer-nav {
overflow: hidden;
width: 100%;
display: flex;
justify-content: space-between
}
.footer-nav-item:first-child {
width: 25%;
}
.footer-nav-item .title-1 {
overflow: hidden;
padding-bottom: 3rem;
}
.footer-nav-item .title-1 a {
display: block;
padding: 1rem 0;
font-weight: normal;
}
.footer-nav-list {
display: flex;
justify-content: space-between;
}
.footer-nav-list ul a.nav-1 {
font-weight: 500;
padding-bottom: 2rem;
display: block;
}
.footer-nav-list li {
overflow: hidden;
}
.footer-nav-list li a {
color: #b3b3b3;
display: block;
padding: 0 0 2rem 0;
}
.footer-message {
overflow: hidden;
width: 30rem;
}
.footer-message .item-1 {
overflow: hidden;
margin-bottom: 1rem;
}
.footer-message .item-1 input,
.footer-message .item-1 textarea {
width: 100%;
border: none;
background: #fff;
padding: 1rem 2rem;
box-sizing: border-box;
}
.footer-message .item-1 textarea {
min-height: 14rem;
}
.footer-message .submit-1 {
display: block;
width: 100%;
background: #1b44e7;
color: #fff;
text-align: center;
padding: 1.5rem 0;
}
.footer-message .submit-1:hover {
background: #de8142;
color: #fff;
}
.footer-content-bottom {
overflow: hidden;
border-top: 1px solid #313441;
color: #b3b3b3;
}
.footer-content-bottom .footer-content {
padding: 3rem 0;
overflow: hidden;
position: relative;
}
.footer-content-bottom .footer-link {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.footer-content-bottom a {
margin-left: 2rem;
color: #b3b3b3;
}
/* index */
.banner {
width: 100%;
position: relative;
background: #000;
z-index: 1;
}
.banner-content {
width: 100%;
margin: auto;
}
.scm-background {
overflow: hidden;
position: relative;
}
.scm-background .text {
position: absolute;
left: 12%;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 30%;
}
.scm-background .text .title-1 {
color: #e89922;
font-weight: 900;
}
.scm-background .text .txt-2 {
color: #747d83;
margin-top: 1%;
}
.scm-background .text .txt-1 {
color: #333;
font-weight: 300;
}
.scm-background .text .title-3 {
color: #333;
font-weight: 500;
}
.scm-background .text .title-3 strong {
font-weight: 500;
color: #8a5a2f;
}
.scm-background .text .more-3 {
overflow: hidden;
margin-top: 5%;
}
.scm-background .text .more-3 a div {
display: inline-block;
padding: 1.3rem 3.2rem;
border-radius: 1rem;
margin-right: 2%;
border: 2px solid #ff9900;
}
.scm-background .text .more-3 .mova1 {
color: #ffffff;
background-color: #ff9900;
}
.scm-background .text .more-3 .mova2 {
color: #ff9900;
}
.scm-background .text .more-3 a:hover div {
background: #de8142;
border: 2px solid #de8142;
}
.scm-background .text .more-3 a:hover div {
color: #fff;
}
.scm-background .line-1 {
margin: 3rem 0;
}
.scm-background .line-1 i {
display: inline-block;
width: 5rem;
height: 4px;
background: #fff;
}
.scm-background .text .title-2 {
color: #fff;
font-weight: 900;
}
.scm-background .text .title-2 strong {
color: #a0f1fb;
font-weight: 900;
}
.scm-background .text .text-2 {
color: #fff;
font-weight: 300;
margin-top: 1rem;
}
.scm-background .right-pic {
position: absolute;
right: 10%;
top: 50%;
transform: translateY(-50%);
width: 40%;
z-index: 11;
}
.scm-background .text .huanjb {
background-image: linear-gradient(to right, #e18644, #e8b747 50%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-weight: 900;
}
.scm-background.scm-e-com .text img {
display: block;
max-width: 100%;
}
.scm-bg-banne {
position: relative;
overflow: hidden;
}
.scm-bg-banner-content {
width: 100%;
position: relative;
}
.scm-bg-banner-content .text {
position: absolute;
width: 55%;
text-align: center;
color: #fff;
z-index: 11;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.scm-bg-banner-content .text-1 {
overflow: hidden;
}
.scm-bg-banner-content .text-2 {
overflow: hidden;
}
.scm-bg-banner-content .text-3 {
margin-top: 5%;
overflow: hidden;
}
.scm-bg-banner-content .pic {
overflow: hidden;
background-color: #000;
}
.banner-bottom {
width: 80%;
margin: auto;
margin-top: -5.5%;
position: relative;
z-index: 10;
background: #fff url('../upload/bg.jpg') center no-repeat;
background-size: 100% 100%;
border-radius: 1rem;
overflow: hidden;
box-shadow: 1.678px 2.487px 15.36px 0.64px rgba(232, 233, 236, 0.49);
}
.banner-bottom-content {
padding: 2%;
overflow: hidden;
text-align: center;
}
.banner-bottom-data {
overflow: hidden;
margin-top: 2%;
}
.banner-bottom-item {
width: 15%;
display: inline-block;
vertical-align: middle;
}
.banner-bottom-item .title-1 {
overflow: hidden;
color: #000;
font-weight: 900;
}
.banner-bottom-item .title-1 strong {
display: inline-block;
vertical-align: middle;
}
.banner-bottom-item .title-1 span {
display: inline-block;
vertical-align: middle;
}
.banner-bottom-item .title-1 span:last-child {
margin-top: -.3rem;
}
.banner-bottom-item .title-1 span:nth-child(2) {
font-weight: 900;
}
.banner-bottom-item .text-1 {
overflow: hidden;
color: #666;
}
.banner-bottom-logos {
overflow: hidden;
width: 86%;
margin: auto;
}
.banner-bottom-logos .logos_box {
width: 100%;
overflow: hidden;
}
.banner-bottom-logos ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.banner-bottom-logos ul li {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 12rem;
position: relative;
}
.banner-bottom-logos .ilogo-1 {
position: relative;
overflow: hidden;
}
.banner-bottom-logos .ilogo-1 .img-center {
max-width: 80%;
max-height: 60%;
}
.index-core-functions {
padding: 6% 0;
overflow: hidden;
}
.index-section-content {
width: 80%;
margin: auto;
}
.index-section-title {
text-align: center;
}
.index-section-title .title-1 {
font-weight: normal;
color: #3a4057;
}
.index-section-title .text-1 {
color: #666;
margin-top: .5rem;
font-weight: 300;
}
.index-core-functions-list {
padding-top: 5%;
}
.index-core-functions-item {
float: left;
width: 23%;
margin-bottom: 2.5%;
margin-right: 2.5%;
}
.index-core-functions-item.mr0 {
margin-right: 0;
}
.index-core-functions-item a {
display: block;
position: relative;
border-radius: 1rem;
background: #fff;
overflow: hidden;
box-shadow: 1.678px 2.487px 15.36px 0.64px rgba(232, 233, 236, 0.49);
}
.index-core-functions-item .text {
position: absolute;
left: 10%;
top: 50%;
width: 80%;
transform: translateY(-50%);
z-index: 1;
}
.index-core-functions-item .title-1 {
position: relative;
}
.index-core-functions-item .title-1 strong {
color: #1a2035;
font-weight: normal;
}
.index-core-functions-item .title-1 i {
width: 5rem;
height: 5rem;
position: absolute;
right: 0;
top: 50%;
z-index: 1;
transform: translateY(-50%);
}
.index-core-functions-item .text-1 {
color: #666;
margin-top: 5%;
}
.index-core-functions-item .text p {
margin: 0;
padding: 0;
}
.index-core-functions-item a:hover {
transform: translateY(-5%);
}
.index-core-manage {
padding: 6% 0;
overflow: hidden;
background: url('../upload/bg2.jpg') center no-repeat;
background-size: cover;
}
.index-core-manage-list {
padding-top: 3%;
overflow: hidden;
text-align: center;
width: 85%;
margin: auto;
}
.index-core-manage-top {
display: flex;
align-items: stretch;
padding: 2% 0;
}
.index-coremanage-data-item {
display: flex;
overflow: hidden;
background: #fff;
padding: 0;
box-shadow: 1.678px 2.487px 15.36px 0.64px rgba(238, 243, 251, 0.49);
float: left
}
.index-coremanage-data-item a {
width: 100%;
display: block;
background: #fff;
position: relative;
}
.index-coremanage-data-item .text {
overflow: hidden;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 90%;
text-align: center;
}
.index-coremanage-data-item .icon-1 {
position: relative;
width: 5rem;
height: 5rem;
margin: auto;
}
.index-coremanage-data-item .title-1 {
color: #0145f0;
}
.index-coremanage-data-item .text-1 {
color: #666;
}
.index-coremanage-data-item .title-1 strong {
font-weight: normal;
display: inline-block;
}
.index-coremanage-data-item .title-1 span {
display: inline-block;
}
.index-core-manage-top .jiantou-1,
.index-core-manage-top .jiantou-2 {
width: 12rem;
height: auto;
position: relative;
}
.index-core-manage-top .jiantou-1 {
margin-right: 1rem;
}
.index-core-manage-top .jiantou-2 {
margin-left: 1rem;
}
.index-core-manage-top .jiantou-2 img {
transform: rotate(180deg);
}
.index-coremanage-data-item a {
display: block;
position: relative;
overflow: hidden;
}
.index-coremanage-data-item .brandlog {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
width: 60%;
padding: 0 5%;
position: relative;
}
.index-coremanage-data-item .brandlog::before {
content: '';
width: 1px;
height: 60%;
position: absolute;
top: 20%;
border-left: 1px dashed #ccc;
z-index: 1;
left: 0;
opacity: .5;
}
.index-coremanage-data-item .brandlog li {
list-style: none;
margin: 0;
padding: 0;
position: relative;
margin: 1rem;
}
.index-coremanage-data-item .brandlog li img {
max-width: 10rem;
max-height: 6rem;
}
.index-coremanage-data-item.icd1,
.index-coremanage-data-item.icd3 {
width: 26%;
}
.index-coremanage-data-item.icd2 a {
width: auto;
width: 30%;
}
.index-core-manage-center {
display: flex;
justify-content: space-between;
padding-bottom: 2%;
}
.index-coremanage-item {
overflow: hidden;
width: 32%;
text-align: center;
background: #fff;
align-items: center;
display: flex;
box-shadow: 1.678px 2.487px 15.36px 0.64px rgba(238, 243, 251, 0.49);
}
.index-coremanage-item a {
display: block;
position: relative;
width: 100%;
padding: 2rem 0;
text-align: center;
}
.index-coremanage-item .icon-1 {
display: inline-block;
vertical-align: middle;
width: 30%;
}
.index-coremanage-item .icon-1 i {
width: 5rem;
height: 5rem;
display: block;
position: relative;
margin: auto;
}
.index-coremanage-item .icon-1 p {
display: block;
margin: 0;
padding: 0;
color: #333;
margin-top: .5rem;
}
.index-coremanage-item .text {
display: inline-block;
vertical-align: middle;
text-align: left;
}
.index-coremanage-item .text-1 {
color: #666;
}
.index-core-manage-bottom {
overflow: hidden;
position: relative;
}
.index-solution {
padding: 5% 0;
overflow: hidden;
}
.index-solution-list {
overflow: hidden;
width: 90%;
margin: auto;
padding-top: 3%;
}
.index-solution-item {
float: left;
width: 32%;
margin-bottom: 2%;
margin-right: 2%;
overflow: hidden;
position: relative;
transition: all .4s ease;
}
.index-solution-item a {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
background: url('../upload/s2.png') left top no-repeat;
background-size: cover;
}
.index-solution-item.isi1 a {
background: url('../upload/s1.png') left top no-repeat;
background-size: cover;
}
.index-solution-item .text-d {
position: absolute;
left: 5%;
top: 10%;
width: 50%;
z-index: 1;
color: #fff;
}
.index-solution-item .title-1 {
font-weight: bold;
}
.index-solution-item .text-1 {
margin-top: 1rem;
opacity: .7;
}
.index-solution-item .icon-1 {
width: 20rem;
height: 20rem;
right: 5%;
bottom: 5%;
z-index: 1;
position: absolute;
}
.index-solution-item .text-h {
position: absolute;
left: 5%;
top: 50%;
width: 90%;
z-index: 3;
text-align: center;
opacity: 0;
transform: translateY(-50%);
}
.index-solution-item .title-2 {
color: #fff;
font-weight: bold;
}
.index-solution-item .icon-2 {
text-align: center;
margin-top: 10%;
overflow: hidden;
}
.index-solution-item .icon-2 li {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
position: relative;
width: 30%;
}
.index-solution-item .icon-2 li::after {
content: '';
border-right: 1px dashed #fff;
width: 1px;
height: 100%;
position: absolute;
right: 0;
top: 0;
opacity: .5;
}
.index-solution-item .icon-2 li:last-child::after {
display: none;
}
.index-solution-item .icon-2 i {
display: block;
position: relative;
width: 5rem;
height: 5rem;
margin: auto;
}
.index-solution-item .icon-2 p {
color: #fff;
margin: 0;
padding: 0;
padding-top: 1rem;
}
.index-solution-item .number-1 {
font-weight: 900;
opacity: .2;
padding-bottom: 10%;
}
.index-solution-item .img-block {
opacity: 0;
}
.index-solution-item.isi1 {
width: 49%;
}
.index-solution-item.isi2 {
width: 49%;
margin-right: 0;
}
.index-solution-item.isi5 {
width: 32%;
margin-right: 0;
}
.index-solution-item a:hover .text-h {
opacity: 1;
}
.index-solution-item a:hover .text-d {
opacity: 0;
}
.index-solution-item a:hover .icon-1 {
opacity: 0;
}
.index-solution-item.cur .text-h {
opacity: 1;
}
.index-solution-item.cur .text-d {
opacity: 0;
}
.index-solution-item.cur .icon-1 {
opacity: 0;
}
.index-solution-item.noneicon .icon-1 {
opacity: 0;
}
.index-solution-item.isi1.noneicon .icon-1 {
opacity: 1;
}
.index-solution-item.isi2.noneicon .icon-1 {
opacity: 1;
}
.index-solution-item.noneicon .text-d {
width: 90%;
}
.index-technology {
overflow: hidden;
padding-bottom: 3%;
}
.index-technology-list {
overflow: hidden;
width: 80%;
margin: auto;
margin-top: 3%;
}
.index-technology-top {
overflow: hidden;
text-align: center;
display: flex;
justify-content: center;
}
.index-technology-top .textitem-1 {
width: 40%;
text-align: center;
position: relative;
padding: 2rem 0;
}
.index-technology-top .textitem-1 .text-1 {
font-weight: 900;
color: #333;
display: inline-block;
vertical-align: middle;
}
.index-technology-top .textitem-1 .text-2 {
font-weight: 900;
display: inline-block;
vertical-align: middle;
position: relative;
}
.index-technology-top .textitem-1 .text-2 strong {
font-weight: 900;
background-image: linear-gradient(to right, #2570f6, #d57be0 50%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
position: relative;
}
.index-technology-top .textitem-1 .text-2::after {
content: '';
width: 19rem;
height: 2.5rem;
position: absolute;
left: 0;
bottom: -2rem;
background: url('../upload/ww.gif') center no-repeat;
background-size: 100%;
}
.index-technology-top .textitem-1 .text-2::before {
content: '';
width: 3.6rem;
height: 2.9rem;
position: absolute;
right: -2rem;
top: -2rem;
background: url('../upload/iii.gif') center no-repeat;
background-size: 100%;
}
.index-technology-top .textitem-1 .text-3 {
font-weight: 900;
color: #bebebe;
}
.index-technology-top .textitem-1.cur .text-3 {
color: #666;
}
.index-technology-bottom {
margin-top: 3%;
overflow: hidden;
position: relative;
}
.index-technology-item {
width: 50%;
height: 100%;
margin: auto;
position: absolute;
top: 0;
}
.index-technology-item .item-2 {
height: 100%;
width: 100%;
position: relative;
}
.index-technology-item .text-1 {
position: absolute;
left: 0;
top: 0;
z-index: 1;
padding: 2rem 2rem;
color: #fff;
overflow: hidden;
font-weight: bold;
}
.index-technology-item .pic-2 {
position: absolute;
left: 5%;
z-index: 1;
width: 70%;
max-height: 70%;
height: 70%;
text-align: center;
top: 50%;
transform: translateY(-42%);
}
.index-technology-item .pic-2 .img-block {
display: inline-block;
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.index-technology-item .img-block {
width: 100%;
height: 100%;
display: block;
}
.index-technology-item.iti1 {
width: 65%;
z-index: 10;
}
.index-technology-item.iti1 .text-1 {
border-radius: 3rem 0 3rem 0;
background-image: linear-gradient(to right, #0025ff, #3bccfd 50%);
}
.index-technology-item.iti2 .text-1 {
border-radius: 0 3rem 0 3rem;
background-image: linear-gradient(to right, #e9e9e9, #e9e9e9 50%);
left: auto;
right: 0;
color: #666;
}
.index-technology-item.iti2 .pic-2 {
left: auto;
right: 0;
}
.index-technology-item.iti2 {
position: absolute;
right: 0;
z-index: 1;
top: 0;
}
.index-technology-item.cur {
animation: chuxian 1000ms ease-in-out forwards;
}
.index-choose-jijia {
overflow: hidden;
padding: 3% 0;
}
.index-choose-jijia-list {
margin-top: 3%;
overflow: hidden;
position: relative;
}
.index-choose-jijia-item {
position: relative;
width: 50%;
float: left;
overflow: hidden;
box-sizing: border-box;
}
.index-choose-jijia-item a {
display: block;
position: relative;
overflow: hidden;
background: #f9fcff;
border: 1px solid #edf1f8;
}
.index-choose-jijia-item .img-block {
opacity: 0;
}
.index-choose-jijia-item .text {
position: absolute;
left: 10%;
width: 50%;
z-index: 1;
top: 50%;
transform: translateY(-50%);
max-width: 50%;
}
.index-choose-jijia-item .title-1 {
font-weight: normal;
color: #000;
}
.index-choose-jijia-item .text-1 {
margin-top: 1.5rem;
overflow: hidden;
}
.index-choose-jijia-item .text-1 li {
font-size: 2rem;
color: #444;
font-weight: normal;
list-style: none;
margin: 0;
padding: .3rem 0;
position: relative;
padding-left: 3rem;
}
.index-choose-jijia-item .text-1 li::before {
content: '';
width: 1.8rem;
height: 1.8rem;
position: absolute;
left: 0;
top: .8rem;
background: url('../pic/plan-lan-t001.svg') center no-repeat;
background-size: 100%;
}
.index-choose-jijia-item .text-1 li p:first-child {
font-size: 1.6rem;
color: #666;
}
.index-choose-jijia-item .text-1 li p {
font-size: 1.4rem;
color: #999;
margin: 0;
padding: 1rem 0;
}
.index-choose-jijia-item .icon-1 {
width: 24rem;
height: 24rem;
position: absolute;
right: 5%;
z-index: 1;
top: 50%;
transform: translateY(-50%);
}
.index-choose-jijia-item.cji1 .text,
.index-choose-jijia-item.cji3 .text {
left: 20%;
}
.index-choose-jijia-item.cji2 .icon-1,
.index-choose-jijia-item.cji4 .icon-1 {
right: 20%;
}
.index-choose-jijia-item a:hover {
box-shadow: 0px 0px 54px 0px rgba(196, 211, 245, 0.39);
}
.index-choose-jijia-item a:hover .img-block {
opacity: 1;
}
.index-choose-jijia-item a:hover .title-1,
.index-choose-jijia-item a:hover .text-1,
.index-choose-jijia-item a:hover .text-1 li,
.index-choose-jijia-item a:hover .text-1 p {
color: #fff;
}
.index-choose-jijia-item a:hover li::before {
filter: invert(1) grayscale(1) brightness(5);
}
.index-honor-qualification {
overflow: hidden;
padding: 3% 0 8% 0;
}
.index-honor-qualification-list {
text-align: center;
overflow: hidden;
width: 60%;
margin: auto;
margin-top: 6%;
}
.index-honor-qualification-item {
text-align: center;
width: 25%;
margin: 0 1%;
display: inline-block;
vertical-align: top;
}
.index-honor-qualification-item:first-child {
width: 40%;
float: left;
}
.index-honor-qualification-item:first-child img {
width: 100%;
}
.index-honor-qualification-item:first-child .pic-1 {
width: 70%;
margin: 5% auto;
}
.index-honor-qualification-item .title-1 {
color: #000;
font-weight: normal;
}
.index-honor-qualification-item .pic-1 {
margin: 2rem 0;
overflow: hidden;
}
.index-honor-qualification-item .pic-1 img {
max-width: 100%;
}
.index-news {
padding: 4% 0;
overflow: hidden;
background: url('../upload/bg5.jpg') center top no-repeat;
background-size: cover;
}
.index-news-top {
position: relative;
overflow: hidden;
}
.index-news-top .index-section-title {
text-align: left;
}
.index-news-right-nav {
position: absolute;
right: 0;
bottom: 4%;
}
.index-news-right-nav li {
display: inline-block;
vertical-align: middle;
margin-left: 6rem;
}
.index-news-right-nav li.cur a {
color: #ff9900;
}
.index-news-right-nav li.cur a::after {
width: 100%;
}
.index-news-right-nav a {
color: #333;
position: relative;
padding: 1rem 0;
display: block;
font-weight: normal;
}
.index-news-right-nav a:hover {
color: #ff9900;
}
.index-news-right-nav a::after {
content: '';
width: 0;
height: 4px;
position: absolute;
left: 0;
bottom: 0;
background: #e89922;
}
.index-news-bottom {
overflow: hidden;
margin-top: 3%;
}
.index-news-bottom-list {
width: 100%;
overflow: hidden;
position: relative;
}
.index-news-item {
float: left;
width: 55%;
overflow: hidden;
margin-bottom: 3%;
}
.index-news-item:nth-child(4),
.index-news-item:first-child {
margin-bottom: 0;
}
.index-news-item .img {
border-radius: 1rem;
overflow: hidden;
float: left;
width: 35%;
}
.index-news-item .text {
overflow: hidden;
color: #999;
position: relative;
padding-left: 5%;
}
.index-news-item .title-1 {
padding: 0 0 1rem 0;
color: #000;
font-weight: normal;
}
.index-news-item .text-1 {
overflow: hidden;
text-align: justify;
}
.index-news-item .time-1 {
color: #9b9ea9;
margin-top: 3rem;
padding-left: 2.5rem;
position: relative;
}
.index-news-item .time-1::before {
content: '';
width: 1.8rem;
height: 1.8rem;
position: absolute;
left: 0;
top: 0;
background: url('../upload/t.png') center no-repeat;
background-size: 100%;
}
.index-news-item .more-1 {
color: #9b9fa9;
position: absolute;
right: 0;
bottom: 0;
padding-right: 2rem;
}
.index-news-item .more-1::after {
content: '';
width: .8rem;
height: 1.3rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-55%);
background: url('../pic/brand-rightjiantuo-icon001.png') center no-repeat;
background-size: 100%;
opacity: .5;
}
.index-news-item a {
display: block;
position: relative;
}
.index-news-item a:hover .pic {
transform: scale(1.05);
}
.index-news-item a:hover .title-1,
.index-news-item a:hover .date-1,
.index-news-item a:hover .date-2 {
color: #ff9900;
}
.index-news-item .date {
float: left;
overflow: hidden;
color: #888;
}
.index-news-item .date-1 {
font-weight: 900;
}
.index-news-item .date-2 {
overflow: hidden;
text-align: right;
}
.index-news-item.ini1 {
margin-right: 5%;
width: 40%;
}
.index-news-item.ini1 .img {
float: none;
width: 100%;
}
.index-news-item.ini1 .text {
padding: 0;
}
.index-news-item.ini1 .title-1 {
padding: 2rem 0;
}
.index-news-item.ini2 {
margin-bottom: 3%;
}
.index-news-item.ini3 a {
padding: 2% 0;
overflow: hidden;
}
.index-news-item.ini3 .text {
padding-left: 5%;
position: relative;
float: right;
}
.index-news-item.ini3 .text::before,
.index-news-item.ini4 .text::before {
content: '';
width: 1px;
height: 80%;
position: absolute;
left: 0;
top: 10%;
background: #ccc;
opacity: .5;
}
.index-news-item.ini4 a,
.index-news-item.ini3 a {
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
}
.index-news-item.ini4 .text,
.index-news-item.ini3 .text {
float: right;
width: 70%;
}
.index-news-item.ini4 .date,
.index-news-item.ini4 .date {
float: left;
}
.index-news-more {
overflow: hidden;
clear: both;
text-align: right;
position: absolute;
right: 0;
bottom: 0;
}
.index-news-more a {
display: inline-block;
position: relative;
padding-right: 2rem;
color: #9b9fa9;
}
.index-news-more a::after {
content: '';
width: .8rem;
height: 1.3rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url('../pic/brand-rightjiantuo-icon001.png') center no-repeat;
background-size: 100%;
opacity: .5;
}
.index-news-more a:hover {
color: #ff9900;
}
.index-news-more a:hover::after {
opacity: 1;
}
.index-brand {
overflow: hidden;
background: url('../upload/bg6-1.png') center no-repeat #e89922;
background-size: cover;
}
.index-brand .scm-operate {
background: none;
}
.index-brand .scm-operate .text .title-1,
.index-brand .scm-operate .text .txt-2 {
color: #fff;
}
.index-brand .scm-operate-bottom .swiper-pagination.operate-pagination span.swiper-pagination-bullet {
opacity: .5;
}
.index-brand .scm-operate-bottom .swiper-pagination.operate-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
opacity: 1;
}
.index-cooperative-clients {
overflow: hidden;
padding: 8% 0 5% 0;
background: #f8f9fe;
}
.index-cooperative-clientsn-list {
overflow: hidden;
position: relative;
width: 100%;
margin: auto;
margin-top: 3%;
}
.index-cooperative-clientsn-list::before,
.index-cooperative-clientsn-list::after {
content: '';
width: 30%;
height: 100%;
position: absolute;
top: 0;
z-index: 21;
}
.index-cooperative-clientsn-list::before {
left: 0;
background-image: linear-gradient(to right, #f8f9fe 20%, rgba(255, 255, 255, 0) 80%);
}
.index-cooperative-clientsn-list::after {
right: 0;
background-image: linear-gradient(to left, #f8f9fe 20%, rgba(255, 255, 255, 0) 80%);
}
.index-cooperative-clientsn-list .logos_box {
overflow: hidden;
width: 90%;
margin: auto;
}
.index-cooperative-clientsn-list ul {
display: flex;
}
.index-cooperative-clientsn-list li {
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
width: 23rem;
margin: .2rem 1rem;
}
.index-cooperative-clientsn-list li a {
display: block;
position: relative;
border: 1px #ededed solid;
border-radius: .6rem;
overflow: hidden;
background: #fff;
}
.index-cooperative-clientsn-list li a:hover {
border: 1px #0145f0 solid;
}
.index-cooperative-clientsn-list li a:hover .img-center {
transform: scale(1.05);
}
.index-cooperative-clientsn-list li .img-center {
max-width: 60%;
max-height: 60%;
}
.index-link-more {
padding-top: 5%;
overflow: hidden;
width: 80%;
margin: auto;
font-size: 0;
}
.index-link-more .title-1 {
display: inline-block;
vertical-align: middle;
color: #3a4057;
width: 10%;
}
.index-link-more .logos_box {
display: inline-block;
vertical-align: middle;
width: 90%;
overflow: hidden;
}
.index-link-more .logos_box ul {
display: flex;
}
.index-link-more li {
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
display: inline-block;
vertical-align: middle;
width: 20rem;
margin-right: 1rem;
}
.index-link-more li a {
display: block;
position: relative;
border: 1px #ededed solid;
border-radius: .6rem;
overflow: hidden;
background: #fff;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.index-link-more li a:hover {
border: 1px #0145f0 solid;
}
.index-link-more li a:hover .img-center {
transform: scale(1.05);
}
.index-link-more li .img-center {
max-width: 60%;
max-height: 60%;
}
/* product */
.scm-plan-top {
z-index: 5;
box-shadow: 1.678px 2.487px 15.36px 0.64px rgba(232, 233, 236, 0.49);
overflow: hidden;
position: relative;
width: 100%;
z-index: 411;
background: #FFF;
}
.scm-plan-top.scroll {
position: fixed;
left: 0;
top: 0;
}
.header.scroll {
transform: translateY(-100%);
}
.scm-plan-top-content {
width: 80%;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
}
.scm-plan-top a {
color: #333333;
width: 20%;
padding: 2.5rem;
font-weight: normal;
position: relative;
box-sizing: border-box;
}
.scm-plan-top a::after {
content: '';
width: 0;
height: 4px;
background: #e89922;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.scm-plan-top .cur {
color: #ffffff;
background-color: #ff9900;
}
.scm-plan-top a:hover {
color: #ff9900;
background-color: #f3f5fe;
}
.scm-plan-top a:hover::after {
width: 100%;
}
.scm-plan-top-content.num9 a {
width: 11.111%;
}
.scm-plan-top-content.num8 a {
width: 12.5%;
}
.scm-plan-top-content.num7 a {
width: 14.28%;
}
.scm-plan-top-content.num6 a {
width: 16.66%;
}
.scm-plan-top-content.num5 a {
width: 20%;
}
.scm-plan-top-content.num4 a {
width: 25%;
}
.scm-plan-top-content.num3 a {
width: 33.33%;
}
.scm-plan-top-content.num2 a {
width: 50%;
}
.scm-plan-top-content.num1 a {
width: 100%;
}
.scm-plan-bottom-left .link {
overflow: hidden;
font-size: 1.8rem;
}
.scm-plan-bottom-left .link ul {
list-style: none;
margin: 0;
padding: 0;
color: #999;
}
.scm-plan-bottom-left .link ul li {
list-style: none;
margin: 0;
padding: 0;
padding-left: 3rem;
position: relative;
margin-bottom: 2rem;
}
.scm-plan-bottom-left .link ul li:last-child {
margin-bottom: 0;
}
.scm-plan-bottom-left .link ul li::before {
content: '';
width: 2rem;
height: 2rem;
position: absolute;
left: 0;
top: .2rem;
z-index: 1;
background: url('../images/plan-lan-t001.svg') center no-repeat;
background-size: 100%;
}
.scm-plan-bottom-left .link ul li strong {
font-weight: normal;
color: #333;
font-size: 1.8rem;
}
.scm-plan-bottom-left .link ul li p {
color: #999;
margin-top: .8rem;
font-size: 1.6rem;
line-height: 2.6rem;
}
.scm-plan-list {
overflow: hidden;
position: relative;
}
.scm-plan {
width: 100%;
background-color: #ffffff;
padding: 8% 0;
overflow: hidden;
position: relative;
}
.floor-level {
box-sizing: border-box;
display: flex;
}
.floor-level.fullcenter {
align-items: center;
padding: 0;
}
.scm-plan-content {
width: 80%;
margin: auto;
}
.scm-plan-bottom {
overflow: hidden;
width: 90%;
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.scm-plan-bottom-left,
.scm-plan-bottom-right {
float: left;
width: 50%;
}
.scm-plan-item {
overflow: hidden;
width: 90%;
}
.scm-plan-item .text {
overflow: hidden;
}
.scm-plan-item .text .title-1 {
color: #333;
font-weight: normal;
}
.scm-plan-item .text .txt-2 {
color: #666;
margin-top: 1rem;
font-weight: 300;
}
.scm-plan-item .link {
padding: 8% 0;
text-align: justify;
}
.scm-plan-item .link .title-3 {
font-size: 3.6rem;
}
.scm-plan-item .link * {
font-size: 1.6rem;
}
.scm-plan-item .more {
overflow: hidden;
}
.scm-plan-item .more a:hover div {
background-color: #de8142;
border: 2px solid #de8142;
}
.scm-plan-item .mova1 {
color: #ffffff;
background-color: #ff9900;
display: inline-block;
border: 2px solid #ff9900;
padding: 1.2rem 3.2rem;
border-radius: 1rem;
font-weight: normal;
}
.scm-plan-item .mova2 {
color: #ffffff;
display: inline-block;
border: 2px solid #ffff;
padding: 1.2rem 3.2rem;
border-radius: 1rem;
font-weight: normal;
}
.scm-plan-bottom-right .pic {
float: right;
width: 95%;
}
.scm-plan2 {
background: #e89922;
}
.scm-plan2 .scm-plan-bottom {
flex-direction: row-reverse;
}
.scm-plan2 .scm-plan-bottom-left,
.scm-plan2 .scm-plan-bottom-right {
float: right;
}
.scm-plan2 .scm-plan-bottom-right .pic {
float: left;
}
.scm-plan2 .scm-plan-bottom-left .link ul li::before {
filter: grayscale(1) brightness(5);
}
.scm-plan2 .scm-plan-bottom-left .link ul strong {
color: #fff;
}
.scm-plan2 .scm-plan-bottom-left .link ul p {
color: #fff;
opacity: .8;
}
.scm-plan2 .scm-plan-bottom-left .text .title-1 {
color: #fff;
}
.scm-plan2 .scm-plan-bottom-left .text .txt-2 {
color: #fff;
opacity: .8;
}
.scm-plan2 .scm-plan-item {
float: right;
}
.scm-plan2 .scm-plan-item .mova1 {
border: 2px solid #fff;
background: #fff;
color: #e89922;
}
.scm-plan2 .scm-plan-item a:hover .mova1 {
color: #fff;
}
.scm-operate {
width: 100%;
background: url('../upload/bg6-2.png') center top no-repeat;
overflow: hidden;
background-size: cover;
padding: 8% 0;
}
.scm-operate-content {
width: 80%;
margin: auto;
}
.scm-operate-content .text {
display: flex;
align-items: center;
flex-direction: column;
}
.scm-operate-content .text .title-1 {
color: #333333;
font-weight: normal;
}
.scm-operate-content .text .txt-2 {
color: #333333;
margin-top: 1rem;
}
.scm-customer-case-list {
padding: 0;
width: 80%;
margin: auto;
padding-top: 3%;
}
.scm-customer-case-list.scm-operate-content2 {
background: none;
}
.scm-operate-bottom-swiper {
overflow: hidden;
}
.scm-operate-bottom {
overflow: hidden;
margin-top: 5%;
}
.scm-operate-bottom .item {
overflow: hidden;
}
.scm-operate-bottom .item a {
display: block;
overflow: hidden;
border: 2px solid #fff;
border-radius: 3rem;
background-color: #ffffff;
}
.scm-operate-bottom .item .pic-1 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #f1f1f1;
}
.scm-operate-bottom .item-bottom {
padding: 0 8% 15% 8%;
overflow: hidden;
}
.scm-operate-bottom .item .text-2 {
display: flex;
flex-direction: column;
}
.scm-operate-bottom .item .text-2 .logo-1 {
width: 20rem;
height: 6rem;
position: relative;
overflow: hidden;
margin: 1rem 0;
}
.scm-operate-bottom .item .text-2 .logo-1 img {
right: auto;
}
.scm-operate-bottom .item .text-2 .logo-1 span {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #999;
}
.scm-operate-bottom .item .text-2 .title-2 {
color: #333;
font-weight: normal;
}
.scm-operate-bottom .item .text-2 .txt-3 {
color: #999999;
text-align: justify;
margin-top: 1rem;
}
.scm-operate-bottom .item .more-3 {
float: right;
color: #333333;
margin-top: 3rem;
position: absolute;
right: 10%;
bottom: 5%;
}
.scm-operate-bottom .item .more-3 .icon {
display: inline-block;
vertical-align: middle;
width: 8px;
height: 13px;
background: url('../pic/brand-rightjiantuo-icon001.png') center no-repeat;
margin-left: 1rem;
background-size: 100%;
}
.scm-operate-bottom .item .more-3 span {
display: inline-block;
vertical-align: middle;
}
.scm-operate-bottom .item a:hover .more-3,
.scm-operate-bottom .item a:hover .title-2 {
color: #e89922;
}
.scm-operate-bottom .item a:hover {
margin-top: 0;
}
.scm-operate-bottom .swiper-pagination.operate-pagination {
margin: 5% auto auto;
text-align: center;
width: 100%;
position: relative;
}
.scm-operate-bottom .swiper-pagination.operate-pagination span.swiper-pagination-bullet {
display: inline-block;
vertical-align: middle;
width: 5rem;
height: 4px;
border-radius: 0;
background: #ccc;
opacity: 1;
margin: 0 1rem;
}
.scm-operate-bottom .swiper-pagination.operate-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ff9900;
}
.scm-background.topcenter .text {
left: 50%;
top: 16%;
transform: translateX(-50%);
width: 50%;
text-align: center;
}
.scm-background.topcenter .title-1 {
background-image: linear-gradient(to right, #fdf596, #a0fcfc 50%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-weight: 900;
}
.scm-background.topcenter .txt-2 {
color: #fff;
letter-spacing: 6px;
font-weight: 300;
margin: 0;
}
.scm-background.topcenter .more-3 .mova1 {
background: #fff;
color: #000;
}
.scm-background.topcenter .more-3 .mova2 {
border: 2px solid #fff;
color: #fff;
}
.scm-content-top {
text-align: center;
padding-bottom: 3%;
overflow: hidden;
}
.scm-content-top .title-1 {
font-weight: normal;
color: #3a4057;
}
.scm-content-top .txt-2 {
margin-top: .5rem;
color: #666;
font-weight: 300;
}
.scm-plan-bottom .link .title-3 {
font-weight: normal;
color: #333;
padding-bottom: 3%;
}
.scm-plan2 .scm-plan-bottom .link .title-3 {
color: #fff;
opacity: 1;
}
.scm-plan2 .scm-plan-bottom .link * {
color: #fff;
}
.scm-plan2 .scm-content-top .title-1,
.scm-plan2 .scm-content-top .txt-2 {
color: #fff;
}
.scm-plan.scm-plan-blw1 {
padding: 8% 0 5%;
}
.scm-plan-blw1 .scm-content-centre {
display: flex;
justify-content: space-between;
}
.scm-plan-blw1 .scm-content-centre .item {
background-color: #ffffff;
display: inline-block;
border: 2px solid rgb(236, 239, 242);
padding: 5rem 0;
border-radius: 1rem;
width: 20%;
text-align: center;
}
.scm-plan-blw1 .scm-content-centre .item a {
font-weight: normal;
}
.scm-plan-blw1 .scm-content-centre .sur3 {
background-image: -webkit-linear-gradient(165deg, #1581f1 0%, #1d49d3 54%, #097cf3 100%);
}
.scm-plan-blw1 .scm-content-centre .item .num-1 {
color: #cbcfd6;
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
position: relative;
}
.scm-plan-blw1 .scm-content-centre .item .text-2 {
color: #202125;
display: inline-block;
vertical-align: middle;
}
.scm-plan-blw1 .scm-content-centre .sur3 .num-1 {
color: #ffffff;
}
.scm-plan-blw1 .scm-content-centre .sur3 .text-2 {
color: #ffffff;
}
.scm-plan-blw1 .scm-plan-bottom {
display: none;
width: 100%;
}
.scm-plan-blw1 .scm-plan-bottom .text {
padding: 2% 0;
font-weight: normal;
color: #666;
overflow: hidden;
}
.scm-plan-blw1 .scm-plan-bottom-left {
width: 44%;
}
.scm-plan-blw1 .scm-plan-bottom-right {
width: 55%;
}
.scm-plan-blw1 .scm-content-centre .item .num-1::after {
content: '';
width: 2rem;
height: 2rem;
background: url('../pic/bl-xiexy001.png') center top no-repeat;
background-size: cover;
z-index: 15;
position: absolute;
bottom: 10%;
left: 60%;
}
.scm-plan-blw1 .scm-content-centre .sur3 .num-1::after {
display: none;
}
.scm-plan-blw1 .scm-plan-bottom-left .link ul li strong {
font-size: 1.8rem;
font-weight: normal;
}
.scm-plan-blw1 .scm-plan-bottom-left .link ul li::before {
top: .2rem;
}
.scm-plan-blw1 .scm-plan-bottom-left,
.scm-plan-blw1 .scm-plan-bottom-right {
display: inline-block;
vertical-align: middle;
float: none;
margin: 0;
}
.unify-text {
display: flex;
flex-direction: column;
align-items: center;
}
.unify-text .title-1 {
color: #3a4057;
font-weight: normal;
margin-bottom: 1rem;
}
.unify-text .title-1 span {
color: #0045f0;
}
.unify-text .txt-2 {
color: #666666;
font-weight: 300;
}
.scm-value {
width: 100%;
position: relative;
padding: 8% 0;
z-index: 33;
}
.value-content {
width: 80%;
margin: auto;
}
.value-centre {
margin-top: 5%;
display: flex;
justify-content: space-between;
position: relative;
z-index: 30;
}
.value-centre-item {
width: 48%;
}
.value-centre-item a {
display: flex;
align-items: center;
border-radius: 10px;
background-image: -webkit-linear-gradient(136deg, rgb(255, 255, 255) 0%, rgb(248, 251, 254) 100%);
box-shadow: 1.678px 2.487px 15.36px 0.64px rgba(232, 233, 236, 0.49);
padding: 4rem;
box-sizing: border-box;
}
.value-centre-item .icon {
display: inline-block;
width: 13rem;
height: 13rem;
position: relative;
}
.value-centre-item .text-1 {
margin-left: 3%;
}
.value-centre .title-1 {
color: #1a2035;
margin-bottom: 1rem;
}
.value-centre .txt-2 {
color: #999999;
}
.scm-capacity {
width: 100%;
overflow: hidden;
position: relative;
padding-bottom: 10%;
}
.figure1 {
position: absolute;
right: 0;
z-index: 20;
top: 0;
width: 30%;
}
.figure2 {
position: absolute;
left: 0;
z-index: 20;
bottom: 0;
width: 30%;
}
.figure2 img {
transform: scaleX(-1);
}
.capacity-content {
width: 70%;
margin: auto;
}
.capacity-content-bottom {
margin-top: 5%;
display: flex;
flex-direction: column;
}
.capacity-cont-top {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 90%;
margin: auto;
}
.capacity-cont-bottom {
display: flex;
justify-content: space-between;
margin-top: 2%;
}
.capacity-content-bottom .item {
display: flex;
width: 12%;
flex-direction: column;
align-items: center;
padding: 1.7rem;
z-index: 20;
border-radius: 1rem;
margin-bottom: 2%;
position: relative;
}
.capacity-content-bottom .item a {
display: block;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
z-index: 13;
}
.capacity-content-bottom .item .icon-1 {
margin-bottom: .5rem;
width: 3.3rem;
height: 3.3rem;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin: auto;
}
.capacity-content-bottom .item .icon-1 img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.capacity-content-bottom .item .text-2 {
display: flex;
flex-direction: column;
align-items: center;
}
.capacity-content-bottom .item .text-2 .title {
color: #3a4057;
margin-bottom: 1rem;
font-weight: normal;
}
.capacity-content-bottom .item .text-2 .txt {
display: flex;
}
.capacity-content-bottom .item .text-2 .txt .num-1 {
color: #3a4057;
font-weight: bold;
margin-right: .5rem;
}
.capacity-content-bottom .item .text-2 .txt .letter-2 {
color: #909499;
}
.capacity-content-bottom .itm1 {
background-color: #fdf8ec;
}
.capacity-content-bottom .itm2 {
background-color: #edf3ff;
}
.capacity-content-bottom .itm3 {
background-color: #f1f4fe;
}
.capacity-content-bottom .itm4 {
background-color: #fff4ea;
}
.capacity-content-bottom .itm5 {
background-color: #eafaf8;
}
.capacity-content-bottom .itm6 {
background-color: #ebfbfa;
}
.capacity-content-bottom .itm7 {
background-color: #f1f5ff;
}
.capacity-content-bottom .itm8 {
background-color: #edfefd;
}
.capacity-content-bottom .itm9 {
background-color: #f3f5fd;
}
.capacity-content-bottom .itm10 {
background-color: #f3f5fd;
}
.capacity-content-bottom .itm11 {
background-color: #f1f5ff;
}
.capacity-content-bottom .itm12 {
background-color: #fdf9ed;
}
.capacity-content-bottom .item::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 1rem;
opacity: 0;
}
.capacity-content-bottom .item:hover::after {
opacity: 1;
}
.capacity-content-bottom .itm1::after {
border: 1px solid #f5b61e;
}
.capacity-content-bottom .itm2::after {
border: 1px solid #327bff;
}
.capacity-content-bottom .itm3::after {
border: 1px solid #4b75ff;
}
.capacity-content-bottom .itm4::after {
border: 1px solid #fe7b3c;
}
.capacity-content-bottom .itm5::after {
border: 1px solid #25baab;
}
.capacity-content-bottom .itm6::after {
border: 1px solid #25baab;
}
.capacity-content-bottom .itm7::after {
border: 1px solid #3c72fe;
}
.capacity-content-bottom .itm8::after {
border: 1px solid #1ebaac;
}
.capacity-content-bottom .itm9::after {
border: 1px solid #ff8934;
}
.capacity-content-bottom .itm10::after {
border: 1px solid #3726dd;
}
.capacity-content-bottom .itm11::after {
border: 1px solid #3c66fc;
}
.capacity-content-bottom .itm12::after {
border: 1px solid #ffbb05;
}
.scm-course {
width: 100%;
overflow: hidden;
position: relative;
padding-bottom: 5%;
}
.course-content {
width: 80%;
margin: auto;
}
.course-bottom {
display: flex;
justify-content: center;
padding: 10% 0 15% 0;
margin-top: 3%;
}
.course-bottom .brx-line {
position: relative;
z-index: 22;
}
.course-bottom .brx-line .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 22;
}
.course-bottom .item {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
z-index: 33;
}
.course-bottom .item .item-content {
padding: 3rem 0;
position: relative;
}
.course-bottom .item .pic-1 {
z-index: 35;
background: #0045f0;
border: 3px solid #fff;
width: 1.5rem;
height: 1.5rem;
border-radius: 100%;
margin: auto;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.course-bottom .item .pic-2 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 1rem auto;
z-index: 35;
width: 4rem;
height: 4.5rem;
position: relative;
}
.course-bottom .item .pic-2 img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.course-bottom .item .title-2 {
color: #3a4057;
font-weight: normal;
margin: .3rem 0;
}
.course-bottom .item .link-3 {
display: flex;
flex-direction: column;
padding: 1rem 0;
}
.course-bottom .item .link-3 ul {
overflow: hidden;
margin: 0;
padding: 0;
}
.course-bottom .item .link-3 ul li {
list-style: none;
position: relative;
padding-left: 3rem;
margin-bottom: 3%;
}
.course-bottom .item .link-3 ul li p {
margin: .5rem 0;
color: #666;
}
.course-bottom .item .link-3 ul li::before {
content: '';
width: 1.6rem;
height: 1.6rem;
background: url('../pic/plan-lan-t001.svg') center top no-repeat;
background-size: 100%;
z-index: 15;
position: absolute;
top: .4rem;
left: 0;
}
.course-bottom .item.im2 .pic-1,
.course-bottom .item.im4 .pic-1 {
top: auto;
bottom: 0;
}
.course-bottom .im1 {
top: 0;
left: 20.5%;
}
.course-bottom .im2 {
bottom: 0;
left: 39.5%;
}
.course-bottom .im3 {
top: 0;
right: 32%;
}
.course-bottom .im4 {
bottom: 0;
right: 14%;
}
.scene-content-bottom {
margin-top: 3%;
display: flex;
justify-content: space-between;
}
.scene-content-bottom .item {
width: 23%;
z-index: 30;
}
.scene-content-bottom .item a {
display: flex;
flex-direction: column;
align-items: center;
}
.scene-content-bottom .item .pic-1 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 3rem;
width: 100%;
}
.scene-content-bottom .item .title-2 {
color: #333333;
font-weight: normal;
margin-top: 5%;
}
.value-content {
width: 80%;
margin: auto;
}
.value-centre {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 3%;
}
.value-centre .item {
width: 48%;
margin-bottom: 3%;
}
.value-centre .item a {
display: flex;
align-items: center;
border-radius: 10px;
background-image: -webkit-linear-gradient(136deg, rgb(255, 255, 255) 0%, rgb(248, 251, 254) 100%);
box-shadow: 1.678px 2.487px 15.36px 0.64px rgba(232, 233, 236, 0.49);
padding: 4rem;
box-sizing: border-box;
}
.value-centre .item .icon {
display: inline-block;
margin-right: 4%;
}
.value-centre .item .icon .pic-1 {
background-position: center center;
background-repeat: no-repeat;
width: 12rem;
height: 12rem;
position: relative;
}
.value-centre .item .icon .pic-1 img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 70%;
}
.value-centre .title-1 {
color: #1a2035;
margin-bottom: 1rem;
font-weight: normal;
}
.value-centre .txt-2 {
color: #999999;
}
.value-centre-pic {
width: 80%;
margin: auto;
}
.scm-corpus {
width: 100%;
overflow: hidden;
position: relative;
z-index: 32;
padding-top: 12%;
padding-bottom: 10%;
margin-top: -14%;
}
.corpus-content {
width: 80%;
margin: auto;
}
.scm-corpus .corpus-group {
margin: 3% 0 5%;
position: relative;
z-index: 35;
}
.scm-corpus .corpus-group .pic {
width: 10%;
margin-bottom: 3%;
}
.scm-corpus .primary {
display: flex;
align-items: center;
}
.scm-corpus .primary .logo {
display: inline-block;
width: 10%;
}
.scm-corpus .primary .text {
display: flex;
width: 90%;
justify-content: space-between;
position: relative;
}
.scm-corpus .primary .tex1 {
justify-content: normal
}
.scm-corpus .primary .text .item2 {
display: flex;
align-items: center;
position: relative;
margin-right: 3.5%;
}
.scm-corpus .primary .text .item2 .pic-1 {
display: inline-block;
margin: 0 5% 0 2%;
}
.scm-corpus .primary .text .ite2 {
margin: 0 1%;
}
.scm-corpus .primary .text .item2 .txt-2 {
color: #ffffff;
background-color: #ed7b2f;
border-radius: 1rem;
padding: 2rem;
display: inline-block;
width: 100%;
text-align: center;
}
.scm-corpus .corpus-group .field {
position: absolute;
padding-bottom: 5rem;
left: 80%;
top: -10rem;
width: 25rem;
}
.scm-corpus .corpus-group .field .pic-2 {
width: 100%;
}
.scm-corpus .corpus-group .field .txt-3 {
color: #5b5b5b;
font-weight: bold;
position: absolute;
left: 35%;
top: 50%;
}
.scm-corpus .primary .text .item2 .t1 {
background-color: #0045f0;
}
.scm-corpus .corpus-group .primary .text .pc1 {
position: relative;
}
.scm-corpus .corpus-group .primary .text .pc1 .txt-3 {
position: absolute;
}
.scm-process {
padding-bottom: 5%;
position: relative;
margin-top: -7%;
}
.scm-process-content {
margin: auto;
width: 80%;
overflow: hidden;
}
.scm-process .process-bottom {
margin: 6% 0 6% 0;
}
.scm-process .process-bottom .lists-container {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.scm-process .process-bottom .list {
display: inline-block;
z-index: 12;
width: 15%;
}
.scm-process .process-bottom .list:last-child .chart::after {
display: none;
}
.scm-process .process-bottom .item {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.scm-process .process-bottom .item .chart {
display: flex;
align-items: center;
position: relative;
}
.scm-process .process-bottom .item .chart::after {
content: '';
background: url('../pic/business-jt-icon001.png') center top no-repeat;
background-size: 100%;
position: absolute;
right: -12rem;
top: 55%;
width: 8.5rem;
height: 4.5rem;
transform: translateY(-50%);
}
.scm-process .process-bottom .item .pic-1 {
position: relative;
width: 11rem;
height: 11rem;
}
.scm-process .process-bottom .item .pic-1 img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.scm-process .link {
display: flex;
flex-direction: column;
align-items: center;
}
.scm-process .link ul {
overflow: hidden;
margin: 0;
padding: 0;
}
.scm-process .link ul li {
list-style: none;
position: relative;
padding: .5rem 0 .5rem 3rem;
}
.scm-process .link ul li::before {
content: '';
width: 1.8rem;
height: 1.8rem;
background: url('../pic/plan-lan-t001.svg') center top no-repeat;
background-size: cover;
z-index: 15;
position: absolute;
top: .8rem;
left: 0;
}
.scm-process .link .title-2 {
color: #333333;
display: inline-block;
font-weight: 500;
margin: 10% 0;
}
.scm-process .link ul li .txt {
color: #999999;
margin: 0;
}
/* case */
.case-background {
background: url('../pic/case-backg-dbjt001.png') center top no-repeat rgb(249, 250, 255);
width: 100%;
position: relative;
background-size: 100%;
padding-bottom: 5%;
}
.case-backg {
margin: auto;
width: 80%;
padding: 10% 0 5%;
overflow: hidden;
}
.case-background .text {
display: flex;
justify-content: center;
}
.case-background .text .title-1 {
color: #333333;
display: inline-block;
font-weight: 300;
}
.case-background .text .title-1 strong:last-child {
color: #0045f0;
}
.case-carousel {
width: 76%;
padding: 2%;
margin: auto;
background-color: rgb(255, 255, 255);
border-radius: 3rem;
box-shadow: 0px 0px 28.71px 0.29px rgba(163, 187, 246, 0.38);
overflow: hidden;
}
.case-carousel .item {
display: flex;
justify-content: space-between;
margin-bottom: 5%;
}
.case-carousel .item-left {
display: inline-block;
width: 48%;
}
.case-carousel .item-left a {
display: block;
overflow: hidden;
border-radius: 1rem;
}
.case-carousel .item-left a:hover .pic {
transform: scale(1.05);
}
.case-carousel .item-right {
display: inline-block;
width: 48%;
}
.case-carousel .item-right .logo {
width: 15%;
}
.case-carousel .item-right .text-1 {
display: flex;
flex-direction: column;
margin: 6% 0;
}
.case-carousel .item-right .text-1 .title-1 {
color: #333333;
font-weight: bold;
margin-bottom: 2%;
}
.case-carousel .item-right .text-1 .txt-2 {
color: #666666;
}
.case-carousel .item-right a:hover .title-1 {
color: #0045ef;
}
.case-carousel .item-right .more a {
display: flex;
align-items: center;
}
.case-carousel .item-right .more .txt {
color: #333333;
margin-right: 1%;
font-weight: normal;
}
.case-carousel .item-right .more .jiantuo {
width: .8rem;
height: 1.4rem;
background: url('../pic/brand-rightjiantuo-icon001.png') center top no-repeat;
background-size: cover;
z-index: 15;
}
.case-carousel .item-right .more a:hover .txt {
color: #0045f0;
}
.caseswiper1 {
width: 100%;
overflow: hidden;
}
.case-carousel .case-pagination {
position: relative;
left: auto;
top: auto;
bottom: auto;
right: auto;
width: auto;
transform: none;
margin: auto;
}
.case-carousel .case-pagination span.swiper-pagination-bullet {
width: 4rem;
border-radius: 0;
height: .5rem;
margin: 0 .5rem;
opacity: .1;
}
.case-carousel .case-pagination span.swiper-pagination-bullet-active {
width: 4rem;
background: #0045ef;
border-radius: 0;
height: .5rem;
opacity: 1;
}
.scm-operate-content2 {
background: url('../pic/case-backg-dbjt002.png') center top no-repeat;
width: 100%;
position: relative;
background-size: 100%;
}
.scm-operate-content2 .scm-operate-bottom {
margin: auto;
width: 80%;
display: flex;
flex-wrap: wrap;
padding-top: 1%;
overflow: auto;
}
.scm-operate-content2 .scm-operate-bottom .item-bottom .text-2 .title-2 {
color: #333;
font-weight: 500;
}
.scm-operate-content2 .scm-operate-bottom .item .more-3 .icon-2 {
display: inline-block;
vertical-align: middle;
width: .8rem;
height: 1.3rem;
background: url('../pic/case-lan-xjiantuo-icon001.png') center top no-repeat;
background-size: cover;
filter: grayscale(100%);
margin-left: 1rem;
}
.scm-operate-content2 .item {
float: left;
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
overflow: visible;
}
.scm-operate-content2 .item a {
width: 100%;
position: relative;
height: 100%;
box-sizing: border-box;
margin: 0;
padding-bottom: 5%;
}
.scm-operate-content2 .item.casi1 {
clear: left;
}
.scm-operate-content2 .item.mr0,
.scm-operate-content2 .item.casi4 {
margin-right: 0;
}
.scm-operate-content2 .item a:hover {
transform: translateY(-5%);
}
.scm-operate-content2 .item a:hover .item-bottom .title-2 {
color: #0045f0;
}
.scm-operate-content2 .item a:hover .item-bottom .more-3 {
color: #0045ef;
}
.scm-operate-content2 .item a:hover .item-bottom .more-3 .icon-2 {
filter: none;
}
.scm-operate-content2 .scm-operate-bottom .item .item-bottom .more-3 {
font-weight: 400;
position: relative;
padding-right: 2rem;
}
.scm-operate-content2 .scm-operate-bottom .item .item-bottom .more-3 .icon-2 {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.scm-bottom-button {
padding: 4%;
text-align: center;
}
.scm-bottom-button .row a {
color: #565a6a;
box-shadow: 0px 0px 4.95px 0.05px rgba(163, 187, 246, 0.23);
background-color: #fff;
padding: 1rem 1.5rem;
font-weight: bold;
margin-right: 1%;
border: 1px solid #ffffff;
border-radius: 5rem;
}
.scm-bottom-button .row .cur {
background-color: #0045f0;
color: #fff;
border: 1px solid #0045ef;
}
.scm-bottom-button .row a:hover {
border: 1px solid #0045ef;
color: #0045ef;
background-color: #fff;
}
.about-culture .details-content {
display: block;
}
.details-background {
background-color: #f9fbff;
width: 100%;
padding: 8% 0 4%;
}
.details-content {
width: 80%;
margin: auto;
display: flex;
justify-content: space-between;
}
.details-content .details-left {
width: 45%;
}
.details-content .details-left .logo-1 {
width: 15%;
}
.details-content .details-left .text-2 {
margin-top: 5%;
}
.details-content .details-left .text-2:first-child {
margin-top: 0;
}
.details-content .details-left .text-2 .title-1 {
color: #333333;
font-weight: bold;
}
.details-content .details-left .text-2 .txt-2 {
color: #5c5c5c;
font-weight: normal;
margin-top: 10%;
}
.details-content .details-right {
width: 48%;
}
.details-content .details-right .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1rem;
}
.details-content .details-right .pic img {
width: 100%;
height: auto;
display: block;
}
.details-news {
width: 80%;
margin: auto;
}
.details-news .title-1 {
background-color: #f8f8f8;
color: #333333;
font-weight: normal;
margin-top: 3%;
padding: 5rem;
}
.details-news .text-2 {
margin: 2% 0 4%;
}
.details-news .text-2 .txt-1 {
color: #333333;
padding: 2.5rem 5rem;
}
.details-news .text-2 img {
max-width: 100%;
height: auto;
}
.scm-operate-content3 {
width: 100%;
background-color: #fafcff;
background-image: none;
padding-bottom: 1%;
}
.scm-operate-content3 .scm-operate-top {
padding: 3% 0;
}
.scm-operate-content3 .scm-operate-bottom {
width: 100%;
flex-wrap: nowrap;
overflow: hidden;
}
.scm-operate-other {
display: flex;
}
.scm-operate-other .item {
margin-right: 2rem;
width: 35rem;
}
/* service-and-support */
.scm-background.tenter .text {
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 80%;
}
.scm-background.tenter .text .title-1 {
color: #fff;
font-weight: bold;
}
.scm-background.tenter .text .txt-2 {
color: #fff;
font-weight: 300;
letter-spacing: 1rem;
}
.gua-value {
overflow: hidden;
}
.gua-value .figure1 {
top: auto;
bottom: 0;
}
.gua-value .value-centre .item {
width: 32%;
position: relative;
border-radius: 10px;
background-image: -webkit-linear-gradient(136deg, rgb(255, 255, 255) 0%, rgb(248, 251, 254) 100%);
box-shadow: 1.678px 2.487px 15.36px 0.64px rgba(232, 233, 236, 100%);
margin-bottom: 2%;
}
.gua-value .value-centre .item a {
position: absolute;
left: 10%;
top: 50%;
transform: translateY(-55%);
width: 80%;
background-image: none;
box-shadow: none;
border-radius: 0;
display: block;
padding: 0;
}
.gua-value .value-centre .item .icon {
display: block;
margin-left: -2%;
}
.gua-value .value-centre .item .icon .pic-1 {
width: 5rem;
height: 5rem;
}
.gua-value .value-centre .item .text-1 {
width: 100%;
clear: both;
margin-top: 1rem;
}
.gua-value .value-centre .item .img-block {
opacity: 0;
}
.gua-norm {
width: 100%;
position: relative;
z-index: 35;
margin-top: 4%;
}
.gua-norm-content {
width: 80%;
margin: auto;
z-index: 36;
}
.gua-norm-bottom {
text-align: center;
margin: 5% auto;
z-index: 37;
position: relative;
}
.gua-norm-bottom table {
width: 100%;
border-spacing: 0px;
overflow: hidden;
border-radius: 1rem;
overflow: hidden;
}
.gua-norm-bottom table tr td {
border-right: 2px solid #eaf1fa;
padding: 1rem 0;
font-size: 1.8rem;
line-height: 5rem;
color: #666666;
width: 22%;
text-align: center;
}
.gua-norm-bottom table tr td:last-child {
border: 0;
}
.gua-norm-bottom table tr td:first-child {
color: #555;
font-size: 2.4rem;
font-weight: 600;
}
.gua-norm-bottom table tr:first-child {
border-spacing: 0px;
background-image: -webkit-linear-gradient(0deg, rgb(240 160 1) 0%, rgb(1222 69 51) 100%);
}
.gua-norm-bottom table tr:first-child td {
color: #fff;
border: 0;
font-size: 2.4rem;
font-weight: 600;
}
.gua-norm-bottom table tr {
color: #666666;
font-size: 1.8rem;
}
.gua-norm-bottom table tr:nth-child(2n-1) {
background-color: #fafcff;
}
.gua-process {
padding: 5% 0;
overflow: hidden;
}
.gua-process .process-bottom {
width: 80%;
margin: auto;
margin-top: 4%;
}
.gua-process .process-bottom .lists-container {
display: block;
margin: auto;
position: relative;
}
.gua-process .process-bottom .list {
margin: 0;
position: relative;
}
.gua-process .lists-container {
overflow: hidden;
position: relative;
}
.gua-process .lists-container .list {
padding-bottom: 10rem;
overflow: hidden;
position: relative;
width: 25%;
}
.gua-process .lists-container .list::after {
content: '';
width: 8.3rem;
height: 4.6rem;
position: absolute;
right: 0;
top: 20%;
background: url('../pic/business-jt-icon001.png') center no-repeat;
background-size: 100%;
}
.gua-process .lists-container .item {
position: relative;
overflow: hidden;
width: 100%;
}
.gua-process .lists-container .item .chart {
float: left;
width: 30%;
height: 13rem;
position: relative;
}
.gua-process .lists-container .item .chart .pic-1 {
height: 100%;
float: left;
}
.gua-process .lists-container .item .chart .pic-1 img {
bottom: auto;
}
.gua-process .lists-container .item .link {
float: left;
width: 65%;
padding-left: 5%;
}
.gua-process .lists-container .item .title-2 {
color: #000;
}
.gua-process .lists-container .item ul {
list-style: none;
margin: 0;
padding: 0;
margin: 1rem 0;
}
.gua-process .lists-container .item li {
list-style: none;
margin: 0;
padding: 0;
padding: .5rem 0;
padding-left: 2.5rem;
position: relative;
}
.gua-process .lists-container .item li::before {
content: '';
width: 1.6rem;
height: 1.6rem;
background: url('../pic/plan-lan-t001.svg') center top no-repeat;
background-size: 100%;
z-index: 15;
position: absolute;
top: .8rem;
left: 0;
}
.gua-process .lists-container .jiantou-3 {
width: 8.3rem;
margin-top: 5rem;
}
.lists-container-top,
.lists-container-bottom {
overflow: hidden;
display: flex;
justify-content: space-between;
}
.lists-container-top .list:last-child::after {
transform: rotate(90deg);
right: auto;
left: 5%;
top: auto;
bottom: 15%;
}
.lists-container-bottom .list:first-child::after {
display: none;
}
.lists-container-bottom {
flex-direction: row-reverse;
}
.lists-container-bottom .jiantou-3 img {
transform: scaleX(-1);
}
.ques-plan-top {
margin-top: 5%;
box-shadow: none;
}
.ques-plan-top a {
width: 23%;
}
.ques-reply {
overflow: hidden;
}
.ques-plan-top .scm-plan-top-content {
border-bottom: 2px solid #e7eefe;
}
.ques-middle {
width: 100%;
margin: auto;
}
.ques-middle .item {
padding: 2.5rem 0;
border-bottom: 2px solid #f5f7fb;
}
.ques-middle .item .text.cur .title-1 {
font-weight: bold;
}
.ques-middle .item .text {
display: flex;
align-items: center;
padding-bottom: 1rem;
cursor: pointer;
}
.ques-middle .item .text .title-1 {
color: #333;
font-weight: 400;
display: inline-block;
padding: 1rem 0 1rem 3rem;
position: relative;
}
.ques-middle .item .text .title-1::before {
content: 'A:';
width: 2rem;
height: 2rem;
position: absolute;
left: 0;
top: 50%;
z-index: 1;
color: #333;
transform: translateY(-50%);
}
.ques-middle .item .text .title-1:hover {
color: #0025ff;
}
.ques-middle .item .txt {
color: #666666;
display: none;
}
.ques-middle .item .text .icon-2 {
display: inline-block;
filter: grayscale(100%);
width: 2rem;
height: 1.5rem;
background: url('../pic/ques-jiantuot-icon001.png') center no-repeat;
background-size: 60%;
}
.ques-middle .item .text-1 {
position: relative;
padding-left: 3rem;
overflow: hidden;
}
.ques-middle .item .text-1::before {
content: 'Q:';
width: 2rem;
height: 2rem;
position: absolute;
left: 0;
top: 0;
z-index: 1;
color: #ee7c30;
}
.ques-middle .item.cur .text .title-1,
.ques-middle .item .text.cur .title-1 {
color: #0045f0;
font-weight: bold;
}
.ques-middle .item.cur .text .title-1::before,
.ques-middle .item .text.cur .title-1::before {
color: #0025ff;
}
.ques-middle .item.cur .text .icon-2,
.ques-middle .item .text.cur .icon-2 {
filter: grayscale(0);
transform: rotate(180deg);
transition: all .4s ease;
}
.ques-middle a:hover .item .text .title-1 {
color: #0045f0;
}
.scm-e-com .text .title-1 {
color: #fff;
position: relative;
font-weight: 400;
}
.scm-e-com .text .text-1 {
position: relative;
display: inline-block;
}
.scm-e-com .text .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 94.5%;
top: 10%;
width: 35%;
}
.scm-e-com .text .txt-2 {
color: #fff;
letter-spacing: 1rem;
width: 100%;
padding: 1.2rem 0;
position: relative;
text-align: center;
}
.scm-e-com .text .txt-2::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0) 100%);
}
.scm-e-com .text .txt-2::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0) 100%);
}
.scm-e-com .text .more-3 .moe {
border: 2px solid #fff;
background-color: #052ac5;
color: #fff;
}
.scm-e-com .text .more-3 .mova1 {
border: 2px solid #fff;
color: #052ac5;
background-color: #fff;
}
.scm-e-com .text .more-3 .mova2 {
border: 2px solid #fff;
color: #fff;
}
.e-com-programme {
width: 100%;
padding: 7% 0;
}
.programme-content-bottom {
width: 80%;
margin: auto;
margin-top: 3%;
display: flex;
justify-content: space-between;
}
.programme-bottom-left {
width: 80%;
display: inline-block;
}
.programme-bottom-center {
width: 80%;
display: block;
margin: auto;
}
.programme-bottom-center .pic {
width: 100%;
}
.programme-bottom-center img {
display: inline-block;
max-width: 100%;
}
.programme-nav {
display: flex;
background-color: #eff3ff;
padding: 1.3rem 0;
border-radius: 2rem;
align-items: center;
}
.programme-nav .nav-left {
width: 10%;
position: relative;
text-align: center;
}
.programme-nav .nav-left a {
font-weight: bold;
color: #ee7c30;
}
.programme-nav .nav-left a::after {
content: '';
width: 2px;
height: 4rem;
background-color: #dce4fc;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.programme-nav .nav-right {
width: 90%;
display: flex;
justify-content: space-evenly;
}
.programme-nav .nav-right a {
color: #6d717f;
border: 2px dashed #6d717f;
border-radius: 5rem;
padding: 1.2rem 4rem;
}
.programme-content-bottom .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
margin-top: 1%;
text-align: center;
width: 100%;
}
.programme-content-bottom .pic img {
display: inline-block;
width: 100%;
}
.programme-bottom-right {
width: 18%;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.programme-bottom-right::after {
content: '';
position: absolute;
left: 1rem;
top: 2%;
height: 85%;
z-index: -1;
background-image: repeating-linear-gradient(to bottom, #a8d0ff, #a8d0ff 1px, transparent 10px, transparent 10px);
width: 1px;
}
.programme-bottom-right .item {
display: flex;
position: relative;
}
.programme-bottom-right .item .dot-1 {
border-radius: 50%;
background-color: #e3e8ff;
position: relative;
width: 2rem;
height: 2rem;
margin-right: 2rem;
opacity: .7;
margin-top: .5rem;
}
.programme-bottom-right .item .dot-1::before {
content: '';
border-radius: 100%;
position: absolute;
left: 50%;
top: 50%;
background-color: #0045f0;
width: .8rem;
height: .8rem;
margin: -.4rem 0 0 -.4rem;
}
.programme-bottom-right .item .dot-1::after {
content: '';
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%);
height: 100%;
z-index: -1;
background-image: repeating-linear-gradient(to bottom, #a8d0ff, #a8d0ff 1px, transparent 1px, transparent 2px);
width: 1px;
display: none;
}
.programme-bottom-right .item:last-child .dot-1::after {
display: none;
}
.programme-bottom-right .item .text-2 .title {
color: #333333;
font-weight: normal;
}
.programme-bottom-right .item .text-2 .txt {
color: #999999;
margin-top: 1rem;
}
.e-com-developed {
width: 100%;
margin: 10% 0 5%;
}
.e-com-developed-bottom {
width: 80%;
margin: auto;
margin-top: 5%;
display: flex;
justify-content: space-between;
}
.e-com-developed-bottom a {
width: 23.5%;
}
.e-com-developed-bottom .item {
position: relative;
}
.e-com-developed-bottom .item .text-1 {
position: absolute;
left: 10%;
top: 64%;
width: 80%;
}
.e-com-developed-bottom .item .text-1 .title-1 {
color: #fff;
font-weight: normal;
margin-bottom: 3%;
}
.e-com-developed-bottom .text-1 .txt-2 {
color: #fff;
font-weight: 200;
}
.e-com-developed-bottom .pic-2 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1rem;
}
.e-com-advantage {
width: 100%;
padding: 5% 0;
background-color: rgb(242, 246, 255);
}
.e-com-advantage-bottom {
width: 80%;
margin: auto;
padding-top: 4%;
}
.e-com-advantage-bottom .title {
margin: 0% 0 2%;
color: #333333;
font-weight: bold;
}
.e-com-advantage-bottom .inner-2 {
display: flex;
justify-content: space-between;
}
.e-com-advantage-bottom .inner-2 a {
background-color: #fff;
border-radius: 1rem;
width: 23.5%;
border: 1px solid #fff;
}
.e-com-advantage-bottom .inner-2 .item {
overflow: hidden;
}
.e-com-advantage-bottom .inner-2 .item .pic-1 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.e-com-advantage-bottom .inner-2 .item .text-2 {
padding: 8%;
}
.e-com-advantage-bottom .inner-2 .item .text-2 .title-1 {
margin-bottom: 4%;
font-weight: normal;
color: #1a2035;
}
.e-com-advantage-bottom .inner-2 .item .text-2 .txt-2 {
color: #5c5e66;
}
.e-com-advantage-bot2 .inner-2 a {
width: 32%;
}
.e-com-advantage-bot2 {
padding: 4% 0;
}
/* solutions */
.hassle {
width: 100%;
overflow: hidden;
padding: 7% 0;
}
.hassle-content {
width: 80%;
margin: auto;
}
.hassle-content .title {
color: #1a2035;
font-weight: normal;
padding: 3% 0;
text-align: center;
}
.hassle-bottom {
position: relative;
margin-bottom: 1%;
overflow: hidden;
}
.hassle-bottom-list {
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.hassle-bottom-list .item {
position: relative;
margin-bottom: 1%;
overflow: hidden;
float: left;
width: 24.25%;
height: 100%;
margin-right: 1%;
transition: all .4s ease;
}
.hassle-bottom-list .item a {
display: block;
position: relative;
width: 100%;
height: 100%;
border-radius: 1rem;
overflow: hidden;
}
.hassle-bottom-list .item .text {
color: #fff;
position: absolute;
left: 10%;
top: 65%;
width: 80%;
z-index: 3;
}
.hassle-bottom-list .item .title-1 {
margin-bottom: 2rem;
}
.hassle-bottom-list .item .txt-2 {
font-weight: 300;
}
.hassle-bottom-list .item .text-1 {
position: absolute;
left: 5%;
top: 10%;
width: 80%;
z-index: 3;
opacity: 0;
}
.hassle-bottom-list .item .title-2 {
color: #202124;
font-weight: bold;
margin-bottom: 10%;
}
.hassle-bottom-list .item .item-list {
overflow: hidden;
}
.hassle-bottom-list .item .item-list-1 {
overflow: hidden;
margin-bottom: 3rem;
}
.hassle-bottom-list .item .item-list-1:last-child {
margin-bottom: 0;
}
.hassle-bottom-list .item .item-list-1 .icon-2 {
width: 2rem;
height: 2rem;
display: inline-block;
vertical-align: middle;
margin-right: 2%;
position: relative;
}
.hassle-bottom-list .item .item-list-1 .txt-3 {
color: #111214;
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
.hassle-bottom-list .item .item-list-1 .txt-3 strong {
color: #0035a3;
}
.hassle-bottom-list .item .item-list-1 .txt-4 {
color: #434d5b;
margin-left: 3.3rem;
width: 55%;
margin-top: 2%;
}
.hassle-bottom-list .item .pic {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.hassle-bottom-list .item .pic.pic-1 {
opacity: 1;
}
.hassle-bottom-list .item .pic.pic-2 {
opacity: 0;
}
.hassle-bottom-list .item.hbli4 {
margin-right: 0;
}
.hassle-bottom-list .item.cur .text {
opacity: 0;
}
.hassle-bottom-list .item.cur .text-1 {
opacity: 1;
}
.hassle-bottom-list .item.cur .pic.pic-1 {
opacity: 0;
}
.hassle-bottom-list .item.cur .pic.pic-2 {
opacity: 1;
}
.hassle-bottom-list.cur .item.cur {
width: 52%;
}
.hassle-bottom-list.cur .item {
width: 15%;
}
.one-stop {
background-color: #f4f7ff;
width: 100%;
padding: 3% 0;
}
.one-stop .unify-text strong {
color: #0145ef;
}
.one-stop-content {
width: 80%;
margin: auto;
margin-top: 5%;
display: flex;
justify-content: center;
}
.one-stop-content .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 80%;
}
.scm-plans1 .scm-plan-bottom-left {
width: 45%;
margin: 0;
}
.scm-plans1 .scm-plan-bottom-left .scm-plan-item {
width: 100%;
}
.scm-plans1 .scm-plan-bottom-right {
width: 50%;
margin-right: 5%;
}
.scm-plans1 .scm-plan-bottom-right .pic {
width: 100%;
}
.scm-plans2 {
background-color: #f8f9ff;
}
.scm-plans2 .scm-plan-bottom-left {
width: 55%;
}
.scm-plans2 .scm-plan-bottom-left .scm-plan-item {
width: 100%;
}
.scm-plans2 .scm-plan-bottom-right {
width: 40%;
margin-left: 5%;
}
.scm-plans2 .link ul li .txt2 {
color: #0025ff;
}
.scm-plan-content {
position: relative;
z-index: 33;
}
.scm-plan.scm-plans2 .figure1 {
top: auto;
bottom: 0;
}
.furnit-Client-Case {
width: 100%;
position: relative;
margin: 5% 0 10%;
}
.furnit-Client-Case .scm-plan {
padding: 4% 0 0 0;
}
.furnit-Client-Case .figure2 {
bottom: auto;
top: 30%;
}
.furnit-Client-Case .scm-plan-bottom-left {
width: 40%;
}
.furnit-Client-Case .scm-plan-bottom-left .scm-plan-item .text {
margin-bottom: 5%;
}
.furnit-Client-Case .scm-plan-bottom-right {
width: 60%;
}
.furnit-select {
width: 100%;
background-color: #f8f9ff;
padding-top: 7%;
}
.furnit-select-bottom {
display: flex;
padding: 5% 0 7% 0;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.furnit-select-bottom ul {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.furnit-select-bottom .item {
border-radius: .6rem;
border: 1px solid rgb(237, 237, 237);
background-color: #ffffff;
width: 10%;
height: 6.5rem;
margin: 0 1% 1% 0;
position: relative;
}
.furnit-select-bottom .item a {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.furnit-select-bottom .item .logo {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.furnit-select-bottom .item .logo img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 70%;
}
.furnit-select .unify-text .title-1 {
color: #1a2035;
}
.furnit-select-bottom ul,
.furnit-select-bottom ul li {
margin: 0;
padding: 0;
list-style: none;
}
.furnit-select-bottom ul li {
width: 18rem;
margin: 1rem;
}
.furnit-select-bottom ul li .item {
width: 100%;
margin-right: 0;
}
.furnit-select-bottom .logosbox {
width: 80%;
margin: auto;
overflow: hidden;
}
.industry-solutions-section {
padding: 5% 0;
overflow: hidden;
position: relative;
}
.industry-solutions-content {
width: 80%;
margin: auto;
}
.jjerp-title {
text-align: center;
}
.jjerp-title .title-1 {
color: #3a4057;
}
.jjerp-title .title-1 strong {
font-weight: normal;
color: #0025ff;
}
.jjerp-title .text-2 {
color: #666;
font-weight: 300;
margin-top: 1rem;
}
.industry-solutions-bottom {
margin-top: 3%;
}
.industry-solutions-section1-list {
position: relative;
}
.industry-solutions-section1-item {
position: relative;
float: left;
width: 48%;
margin-right: 2%;
margin-bottom: 2%;
overflow: hidden;
box-shadow: 1.678px 2.487px 68.73px 10.27px rgba(232, 233, 236, 0.49);
}
.industry-solutions-section1-item.mr0 {
margin-right: 0;
}
.industry-solutions-section1-item .pic {
border-radius: 1rem;
overflow: hidden;
}
.industry-solutions-section1-item .text {
position: absolute;
width: 40%;
top: 50%;
transform: translateY(-50%);
z-index: 11;
right: 10%;
text-align: left;
}
.industry-solutions-section1-item .title-1 {
color: #333;
}
.industry-solutions-section1-item .title-1 strong {
font-weight: normal;
color: #0025ff;
}
.industry-solutions-section1-item .text-1 {
margin-top: 1rem;
color: #999;
}
.industry-solutions-section2-pic {
overflow: hidden;
text-align: center;
}
.industry-solutions-section2-pic img {
max-width: 100%;
display: inline-block;
}
.industry-solutions-bottom .index-solution-list {
width: 90%;
padding-top: 0;
}
.solutionsbg-4 {
background: url('../upload/s-3-1.jpg') center no-repeat;
background-size: cover;
}
.industry-solutions-bottom .index-core-manage-list {
padding-top: 0;
}
.industry-solutions-section5 {
display: flex;
margin-top: 1%;
}
.industry-solutions-section5-left {
width: 25%;
margin-right: 4%;
}
.industry-solutions-section5-left .item-1 {
cursor: pointer;
}
.industry-solutions-section5-left .item-1.cur {
background-image: -webkit-linear-gradient(to right, #e3ebfd, #fff);
background-image: linear-gradient(to right, #e3ebfd, #fff);
border-radius: .5rem;
}
.industry-solutions-section5-left .item-1.cur a {
color: #0025ff;
font-weight: bold;
}
.industry-solutions-section5-left .item-1 a {
display: block;
padding: 3rem;
color: #222;
}
.industry-solutions-section5-right {
width: 71%;
}
.industry-solutions-section5-list {
overflow: hidden;
}
.industry-solutions-section5-item {
display: flex;
align-items: center;
justify-content: space-between;
}
.industry-solutions-section5-text {
width: 35%;
margin-right: 5%;
}
.industry-solutions-section5-text .text {
color: #666;
}
.industry-solutions-section5-text .text ul {
list-style: none;
padding: 2rem 0;
margin: 0;
}
.industry-solutions-section5-text .text li {
list-style: none;
padding: 0;
margin: 0;
font-size: 1.8rem;
padding: .5rem 0 .5rem 3rem;
position: relative;
color: #333;
}
.industry-solutions-section5-text .text li::before {
content: '';
width: 1.8rem;
height: 1.8rem;
position: absolute;
left: 0;
top: .8rem;
background: url('../pic/plan-lan-t001.svg') center no-repeat;
background-size: 100%;
}
.industry-solutions-section5-pic {
width: 65%;
}
.industry-solutions-section5-pic .pic {
border-radius: 1rem;
overflow: hidden;
border: 2px solid #eceff2;
}
.clothing-worry {
width: 100%;
padding: 6% 0;
}
.clothing-worry-content {
width: 80%;
margin: auto;
}
.clothing-worry .clothing-worry-bottom {
display: flex;
margin-top: 3%;
justify-content: space-between;
}
.clothing-worry-bottom .item {
border: 3px solid #fff;
padding: 5% 2%;
width: 24%;
border-radius: 10px;
box-sizing: border-box;
text-align: center;
box-shadow: 1.678px 2.487px 6.873rem 1.027rem rgba(232, 233, 236, 0.49);
background-color: #ffffff;
box-sizing: border-box;
}
.clothing-worry-bottom .item .icon-1 {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width: 5rem;
height: 5rem;
position: relative;
background-size: 100%;
margin-bottom: 6%;
}
.clothing-worry-bottom .item .icon-1 img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 80%;
max-height: 80%;
}
.clothing-worry-bottom .item .title-2 {
color: #333333;
margin-bottom: 2%;
}
.clothing-worry-bottom .item .txt-3 {
color: #666666;
margin-top: 1rem;
}
.clothing-worry-bottom .item:hover {
background-color: #f6fafe;
}
.clothing-solve {
padding: 3% 0;
}
.clothing-solve-content {
width: 80%;
margin: auto;
}
.clothing-solve-content .unify-text {
text-align: center;
}
.clothing-solve-bottom {
margin-top: 3%;
display: flex;
justify-content: space-between;
}
.clothing-solve-bottom .item {
min-width: 13.5%;
background-color: #f6f8fa;
margin-right: 1%;
}
.clothing-solve-bottom .item:last-child {
margin-right: 0;
}
.clothing-solve-bottom .title {
padding: 1.8rem;
background-image: -webkit-linear-gradient(0deg, rgb(1, 69, 240) 0%, rgb(0, 175, 244) 100%);
}
.clothing-solve-bottom .title .icon {
display: flex;
color: #ffffff;
align-items: center;
justify-content: center;
}
.clothing-solve-bottom .title .icon .pic {
width: 2.4rem;
height: 2.4rem;
margin-right: 3%;
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
position: relative;
background-size: 100%;
}
.clothing-solve-bottom .title .icon .pic img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 98%;
}
.clothing-solve-bottom .text {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 2rem;
box-sizing: border-box;
}
.clothing-solve-bottom .text .txt {
color: #0045f0;
background-color: #ffffff;
padding: 1.4rem;
margin-bottom: 1rem;
width: 100%;
box-sizing: border-box;
}
.clothing-solve-bottom .text .txt:last-child {
margin-bottom: 0;
}
.clothing-solve-bottom .imt1 {
width: 26%;
}
.clothing-solve-bottom .imt1 .text-1 {
flex-wrap: wrap;
flex-direction: row;
}
.clothing-solve-bottom .item .text .txt-1 {
color: #333333;
}
.clothing-solve-bottom .imt1 .text-1 .txt {
width: 45%;
box-sizing: border-box;
}
.clothing-worry-2 {
background-color: #f8f9fe;
}
.clothing-worry-2 .clothing-worry-bottom .item {
padding: 3.5% 2%;
text-align: initial;
}
.clothing-worry-2 .clothing-worry-bottom .item .icon-1 {
width: 7rem;
height: 7rem;
margin-bottom: 5%;
}
.clothing-worry-2 .clothing-worry-bottom .item .icon1 img {
max-width: 80%;
max-height: 80%;
}
.clothing-major {
width: 100%;
padding: 5% 0;
}
.clothing-major-content {
width: 80%;
margin: auto;
}
.clothing-major-bottom {
margin-top: 1%;
}
.clothing-major-bottom .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
max-width: 75%;
margin: auto;
}
.clothing-corpus {
width: 100%;
padding: 5% 0;
background-color: #f8f9fe;
}
.clothing-corpus-content {
width: 80%;
margin: auto;
}
.clothing-corpus-content .txt-3 {
color: #333333;
margin-top: 3%;
text-align: center;
}
.clothing-corpus-bottom {
margin-top: 3%;
display: flex;
justify-content: center;
}
.clothing-corpus-bottom .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 45.75%;
}
.clothing-corpus-bottom .pic-1 {
margin-right: 1%;
}
.clothing-corpus-bottom img {
margin: 1%;
}
/* service-and-support */
.ques-plan-top2 {
padding: 0;
width: 100%;
position: relative;
}
.ques-plan-top2::before {
content: '';
background-color: #f5f7fb;
width: 27%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.ques-plan-top2 .scm-plan-top-left {
width: 17%;
float: left;
padding: 4% 0 0 0;
position: relative;
z-index: 5;
margin-left: 10%;
}
.ques-plan-top2 .scm-plan-top-left a {
width: 100%;
padding: 3rem 0;
font-weight: 600;
color: #000;
overflow: hidden;
position: relative;
display: block;
text-align: center;
}
.ques-plan-top2 .scm-plan-top-left a::after {
content: '';
width: 5px;
height: 100%;
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
background: #0025ff;
display: none;
}
.ques-plan-top2 .scm-plan-top-left a.cur {
color: #0025ff;
background: #fff;
}
.ques-plan-top2 .scm-plan-top-left a:hover {
color: #0025ff;
}
.ques-plan-top2 .scm-plan-top-left a.cur::after {
display: block;
}
.ques-plan-right {
margin-top: 5%;
display: inline-block;
padding-left: 5%;
width: 55%;
}
.ques-right-top {
border-bottom: 2px solid #f5f7fb;
}
.ques-right-top .text {
display: flex;
align-items: center;
}
.ques-right-top .text a {
color: #3a3a3a;
position: relative;
margin-right: 5%;
padding-bottom: 2%;
font-weight: 400;
}
.ques-right-top .text a:hover {
color: #0145f0;
}
.ques-right-top .text .sur4 {
color: #0145f0;
font-weight: bold;
font-size: 2.2rem;
}
.ques-right-bottom {
padding: 5% 0;
overflow: hidden;
}
.ques-right-bottom .item {
width: 31%;
margin-bottom: 5%;
float: left;
margin-right: 3%;
}
.ques-right-bottom .item.mr0 {
margin-right: 0;
}
.ques-right-bottom .item a {
display: block;
overflow: hidden;
position: relative;
}
.ques-right-bottom .item .videos {
position: relative;
border-radius: 1.3rem;
overflow: hidden;
}
.ques-right-bottom .item .videos .button-1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 7.5rem;
height: 7.5rem;
background: url('../pic/ques2-spbfan-icon001.png') center no-repeat;
background-size: 100%;
z-index: 1;
}
.ques-right-bottom .item .videos .pic-2 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.ques-right-bottom .item .title-3 {
color: #333333;
margin-top: 2rem;
}
.ques-right-bottom .item a:hover .pic-2 {
transform: scale(1.05);
}
.ques-right-bottom .item a:hover .title-3 {
color: #0025ff;
}
/* about */
.about-channel {
width: 100%;
padding: 5% 0 0;
}
.about-channel-content {
width: 80%;
margin: auto;
}
.about-channel-top {
overflow: hidden;
}
.about-channel-top .title-1 {
color: #333333;
font-weight: 500;
margin-bottom: 3%;
}
.about-channel-top .txt-2 {
color: #666666;
}
.about-channel-bottom {
display: flex;
justify-content: space-between;
width: 100%;
margin: 4% auto;
}
.about-channel-bottom a {
width: 20%;
}
.about-channel-bottom .item {
position: relative;
}
.about-channel-bottom .item .text {
position: absolute;
bottom: 6%;
left: 8%;
width: 84%;
}
.about-channel-bottom .item .text .title-1 {
color: #fff;
}
.about-channel-bottom .item .text strong {
font-size: 4rem;
}
.about-channel-bottom .item .text .txt-2 {
color: #fff;
font-weight: 300;
}
.about-channel-bottom .item .pic-1 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.about-course {
width: 100%;
margin: 8% 0;
overflow: hidden;
}
.about-course-top {
position: relative;
}
.about-course-top .item-1 {
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%);
text-align: center;
z-index: 1;
}
.about-course-top .item-1 .title-1 {
color: #fff;
margin-bottom: 15%;
}
.about-course-top .item-1 .wrap-2 {
display: flex;
margin-top: 5%;
width: 35rem;
position: relative;
justify-content: space-between;
}
.about-course-top .item-1 .wrap-2 .txt {
color: #fff;
}
.about-course-top .item-1 .wrap-2 .circle {
width: 2rem;
height: 2rem;
border-radius: 50%;
background-color: #fff;
position: relative;
}
.about-course-top .item-1 .wrap-2 .cir-2::after {
content: '';
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%);
width: 31rem;
height: 2px;
background-color: #fff;
}
.about-course-top .item-1 .wrap-2 .cir-1::before {
content: '';
border-radius: 100%;
position: absolute;
left: 50%;
top: 50%;
background: #5886f8;
width: 3rem;
height: 3rem;
opacity: .7;
margin: -1.5rem 0 0 -1.5rem;
}
.about-course-top .item-1 .wrap-2 .cir-1::after {
content: '';
border-radius: 100%;
position: absolute;
left: 50%;
top: 50%;
background: #5886f8;
width: 3rem;
height: 3rem;
opacity: .7;
margin: -1.5rem 0 0 -1.5rem;
}
.about-course-top .item-1 .wrap-2 .cir-1::before {
animation: fangda1 1000ms ease-in-out infinite;
}
.about-course-top .item-1 .wrap-2 .cir-1::after {
animation: fangda1 2200ms ease-in-out infinite;
}
.about-course-top .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.about-course-bottom {
margin-top: 3%;
width: 100%;
text-align: center;
}
.about-course-bottom .item {
width: 100%;
overflow: hidden;
text-align: left;
}
.about-course-bottom .item .title-1 {
color: #0045f0;
font-weight: bold;
}
.about-course-bottom .item .line-2 {
background-image: linear-gradient(160deg, #0045f0 0%, #4f7ae7 50%, #fff 90%);
width: 100%;
height: 3px;
margin-top: 1rem;
}
.about-course-bottom .item .text-3 {
padding: 5% 0;
}
.about-course-bottom .item .text-3 .txt {
color: #666666;
}
.about-honor {
width: 100%;
background-color: #eaf2fe;
padding: 5% 0;
}
.honor-content-bottom {
margin: auto;
width: 80%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
margin-top: 3%;
}
.honor-content-bottom .item {
width: 23.3%;
position: relative;
border: 1px solid #fff;
border-radius: 1rem;
overflow: hidden;
margin-bottom: 2%;
float: left;
margin-right: 2%;
}
.honor-content-bottom .item.mr0 {
margin-right: 0;
}
.honor-content-bottom .item a {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
display: block;
background: #fff;
}
.honor-content-bottom .item .title-2 {
color: #333333;
font-weight: 500;
text-align: center;
background-color: #fff;
padding: 10%;
width: 80%;
}
.honor-content-bottom .item .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #f4f4f4;
}
.honor-content-bottom .item .pic .img-center {
max-width: 80%;
max-height: 80%;
}
.development-history-swiper {
text-align: center;
margin-left: 10%;
}
.swiper-bottom-btn {
overflow: hidden;
margin-top: 4%;
user-select: none;
}
.history-prev,
.history-next {
display: inline-block;
vertical-align: middle;
position: relative;
margin: auto;
transform: none;
left: auto;
top: auto;
bottom: auto;
right: auto;
border: 2px solid #ccc;
border-radius: 100%;
width: 4rem;
height: 4rem;
user-select: none;
transition: all .4s ease;
margin: 0 .5rem;
}
.history-prev:hover,
.history-next:hover {
background: #0025ff;
border: 2px solid #0025ff;
}
.history-prev:hover::after,
.history-next:hover::after {
color: #fff;
}
.history-prev::after,
.history-next::after {
color: #999;
font-size: 1.6rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
}
.about-culture {
width: 100%;
margin-top: 10%;
}
.about-culture .details-content {
margin-top: 5%;
width: 100%;
font-size: 0;
background: url('../upload/G.png') -5% center no-repeat;
background-size: auto 70%;
font-size: 0;
}
.about-culture .details-content .details-left {
width: 30%;
margin-left: 15%;
display: inline-block;
vertical-align: middle;
}
.about-culture .details-content .details-right .pic {
border-radius: initial;
}
.about-culture .details-content .details-left .text-2 {
padding-bottom: 2%;
}
.about-culture .details-content .details-left .text-2:last-child {
padding-bottom: 0;
}
.about-culture .details-content .details-left .text-2 .title-1 {
color: #3a405a;
font-weight: 300;
margin-top: 1rem;
}
.about-culture .details-content .details-left .text-2 .txt-2 {
color: #0045ef;
margin: 0;
margin-bottom: 1%;
}
.about-culture .details-content .details-right {
display: inline-block;
vertical-align: middle;
margin-left: 5%;
width: 50%;
}
.about-setting {
width: 100%;
margin-top: 10%;
}
.about-setting-bottom {
width: 80%;
margin: 3% auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about-setting-bottom .item {
width: 32%;
margin-bottom: 2%;
}
.about-setting-bottom .item .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.about-setting-bottom .iem4 {
width: 49%;
}
.about-setting-bottom .iem5 {
width: 49%;
}
.about-contact {
width: 100%;
margin: 10% 0 5%;
}
.about-contact .details-content {
width: 80%;
margin: 4% auto 0;
display: block;
font-size: 0;
}
.about-contact .details-content .details-left {
width: 34%;
display: inline-block;
vertical-align: middle;
margin-right: 1%;
}
.about-contact .details-content .details-left .text-1 {
display: flex;
align-items: center;
margin: 0 0 3%;
}
.about-contact .details-content .details-left .text-1 .title-1 {
background-image: -webkit-linear-gradient(4deg, rgb(7, 166, 254) 0%, rgb(73, 219, 255) 100%);
border-radius: .6rem;
color: #fff;
display: inline-block;
margin-right: 2%;
padding: .3rem 1.3rem;
}
.about-contact .details-content .details-left .text-1 .title-2 {
display: inline-block;
color: #3a4057;
font-weight: 500;
}
.about-contact .details-content .details-left .txt-3 {
color: #3a4057;
margin-bottom: 2%;
}
.about-contact .details-content .details-right {
width: 64%;
display: inline-block;
vertical-align: middle;
}
.about-contact .details-content .details-right .pic {
border-radius: initial;
}
.about-contact .about-left-item {
padding: 7% 0;
overflow: hidden;
}
.erp-news-prime {
width: 100%;
margin-top: 1%;
}
.erp-news-content {
width: 78%;
margin: auto;
}
.erp-news-frame {
width: 100%;
margin: auto;
border-radius: 3rem;
box-shadow: 0px 0px 28.71px 0.29px rgba(163, 187, 246, 0.38);
}
.erp-news-frame a {
display: block;
overflow: hidden;
position: relative;
display: flex;
padding: 2%;
}
.erp-news-frame a:hover .text .title-1 {
color: #0045f0;
}
.erp-news-frame a:hover .pic {
transform: scale(1.05);
}
.erp-news-left {
width: 48%;
margin-right: 1.5%;
overflow: hidden;
border-radius: 1rem;
}
.erp-news-left .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.erp-news-right {
width: 48%;
padding: 2%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.erp-news-right .text {
overflow: hidden;
}
.erp-news-right .text .title-1 {
color: #333333;
margin-bottom: 3%;
font-weight: bold;
}
.erp-news-right .text .txt-2 {
color: #666666;
}
.erp-news-right .time {
display: flex;
}
.erp-news-right .time .icon-1 {
width: 1.7rem;
height: 1.8rem;
margin-right: 2%;
background: url('../pic/news-tmicon-t001.png') center no-repeat;
background-size: 100%;
}
.erp-news-right .time .num-2 {
color: #cfd2d8;
}
.erp-news-intro {
width: 100%;
margin-top: 3%;
}
.news-intro-content {
width: 78%;
margin: auto;
display: flex;
flex-wrap: wrap;
}
.news-intro-content .item {
width: 32%;
border-radius: 2rem;
box-shadow: 0px 0px 9px 0.29px rgba(163, 187, 246, 0.38);
overflow: hidden;
margin-right: 2%;
margin-bottom: 2%;
}
.news-intro-content .mr0 {
margin-right: 0;
}
.news-intro-content .item a {
display: block;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
padding-bottom: 8rem;
box-sizing: border-box;
}
.news-intro-content .item .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #f1f1f1;
}
.news-intro-content .item .text {
padding: 5%;
text-align: justify;
}
.news-intro-content .item .text .title-1 {
color: #444;
font-weight: bold;
margin-bottom: 4%;
}
.news-intro-content .item a:hover .text .title-1 {
color: #0145f0;
}
.news-intro-content .item .text .txt-2 {
color: #999999;
}
.news-intro-content .item .more {
background-color: #eff8fd;
padding: 3rem 0;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 11;
}
.news-intro-content .item .more .txt-1 {
color: #0045f0;
font-weight: 500;
}
.news-intro-content .item a:hover .more {
background-color: #0045f0;
}
.news-intro-content .item a:hover .more .txt-1 {
color: #ffffff;
}
.brand-box {
width: 100%;
margin: 5% 0;
}
.brand-box-content {
width: 80%;
margin: auto;
position: relative;
}
.brand-box-content .frame {
width: 105%;
height: 16rem;
border-radius: 2rem;
background-color: #ffffff;
box-shadow: 0px 0px 25.65px 1.35px rgba(207, 208, 217, 0.18);
position: absolute;
z-index: -1;
top: 50%;
left: -2.5%;
transform: translateY(-50%);
}
.brand-box-region {
border-radius: 3.2rem;
background-color: #ffffff;
box-shadow: 0px 0px 64.6px 3.4px rgba(207, 208, 217, 0.38);
padding: 5% 10%;
}
.brand-box-region .comma {
background: url('../pic/brand-xiconzbj-t001.png') center top no-repeat;
background-size: cover;
width: 10.5rem;
height: 8.5rem;
position: absolute;
left: 3%;
bottom: 90%;
}
.brand-box-region .text {
color: #333333;
text-align: justify;
width: 100%;
font-weight: 500;
}
.brand-blurb {
width: 80%;
margin: auto;
padding: 1% 0 5% 0;
}
.brand-blurb .text-1 {
overflow: hidden;
overflow: hidden;
color: #666;
font-size: 1.8rem;
}
.brand-blurb .text-1 img {
max-width: 100%;
height: auto;
}
.brand-blurb .text-1 h1 {
font-size: 4rem;
color: #333;
padding: 2rem 0;
}
.brand-blurb .text-1 h2 {
font-size: 3rem;
color: #333;
padding: 2rem 0;
}
.brand-blurb .text-1 h3 {
font-size: 2.5rem;
color: #333;
padding: 2rem 0;
}
.brand-blurb .text-1 h4 {
font-size: 2rem;
color: #333;
}
.brand-blurb .text-1 h5 {
font-size: 1.8rem;
color: #333;
}
.brand-blurb .text-1 h6 {
font-size: 1.4rem;
color: #333;
}
.brand-blurb .title-1 {
color: #333333;
font-weight: bold;
}
.brand-blurb .text-1 .title-1 {
margin-bottom: 5%;
}
.brand-blurb .text-1 .title-2 {
color: #333333;
font-weight: bold;
margin: 2% 0 1%;
}
.brand-blurb .text-1 .title-3 {
color: #333333;
font-weight: bold;
margin: 5% 0 3%;
}
.brand-blurb .txt-2 {
color: #434343;
text-align: justify;
}
.brand-blurb .text-1 .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 3% 0 1%;
}
.brand-blurb .text-2 {
margin-top: 13%;
}
.brand-blurb .text-2 .title-1 {
margin-bottom: 3%;
}
.brand-blurb .text-2 .pic {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 3% 0 2%;
}
.one-stop-center-pic {
text-align: center;
margin-top: 3%;
}
.one-stop-center-pic img {
display: inline-block;
max-width: 100%;
}
/* other */
.tanimation {
opacity: 0;
transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215, .61, .355, 1);
}
.tformY {
transform: translateY(160px);
}
.tformX {
transform: translateX(50%);
}
.tformXX {
transform: translateX(-50%);
}
.tdelay1 {
transition-delay: .1s;
}
.tdelay2 {
transition-delay: .2s;
}
.tdelay3 {
transition-delay: .3s;
}
.tdelay4 {
transition-delay: .4s;
}
.social-share {
font-size: 16px;
font-style: normal;
display: inline-block;
vertical-align: middle;
}
.social-share a {
position: relative;
text-decoration: none;
margin-right: 10px;
display: inline-block;
outline: none;
}
.social-share .icon-wechat .wechat-qrcode {
display: none;
border: 1px solid #ccc;
position: absolute;
z-index: 9;
top: -205px;
left: -84px;
width: 200px;
height: 192px;
font-size: 12px;
text-align: center;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
transition: all 200ms;
-webkit-tansition: all 350ms;
-moz-transition: all 350ms
}
.social-share .icon-wechat .wechat-qrcode.bottom {
top: 40px;
left: -84px
}
.social-share .icon-wechat .wechat-qrcode.bottom:after {
display: none
}
.social-share .icon-wechat .wechat-qrcode h4 {
font-weight: normal;
height: 26px;
line-height: 26px;
font-size: 12px;
background-color: #f1f1f1;
margin: 0;
padding: 0;
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
width: 105px;
margin: 10px auto
}
.social-share .icon-wechat .wechat-qrcode .qrcode table {
margin: 0 !important
}
.social-share .icon-wechat .wechat-qrcode .help p {
font-weight: normal;
line-height: 16px;
padding: 0;
margin: 0
}
.social-share .icon-wechat .wechat-qrcode:after {
content: '';
position: absolute;
left: 50%;
margin-left: -6px;
bottom: -13px;
width: 0;
height: 0;
border-width: 8px 6px 6px 6px;
border-style: solid;
border-color: #fff transparent transparent transparent
}
.social-share .icon-wechat:hover .wechat-qrcode {
display: block
}
.social-share-icon {
display: block;
width: 6rem;
height: 6rem;
position: relative;
box-sizing: border-box;
}
.social-share-icon:hover {
opacity: 1;
}
.social-share-icon:hover::after {
background: #30386b;
}
.social-share-icon:hover::before {
filter: none;
opacity: 1;
}
.social-share-icon::before {
opacity: 1;
content: '';
width: 6rem;
height: 6rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 11;
filter: invert(1);
opacity: .3;
}
.social-share-icon::after {
z-index: 1;
content: '';
width: 6rem;
height: 6rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 100%;
}
.icon-share::before {
background: url('../images/in-deta-icon0001.png') center no-repeat;
background-size: 30%;
}
.icon-linkedin::before {
background: url('../images/f3.png') center no-repeat;
background-size: 30%;
}
.icon-wechat::before {
background: url('../images/f5.png') center no-repeat;
background-size: 33%;
}
.icon-twitter::before {
background: url('../images/f2.png') center no-repeat;
background-size: 30%;
}
.icon-weibo::before {
background: url('../images/f11.png') center no-repeat;
background-size: 35%;
}
.icon-facebook::before {
background: url('../images/f1.png') center no-repeat;
background-size: 15%;
}
.jijia-tool-right {
position: fixed;
right: 3%;
top: 50%;
transform: translateY(-50%);
z-index: 400;
background: #fff;
border-radius: 7rem;
width: 7rem;
box-sizing: border-box;
padding: 1rem 0;
z-index: 533;
}
.jijia-tool-right,
.scrolltop-2,
.jijia-tool-ewm,
.jijia-tool-tel {
-webkit-box-shadow: rgb(219, 232, 253) 0px 3px 21px;
box-shadow: rgb(219, 232, 253) 0px 3px 21px;
}
.jijia-tool-item {
position: relative;
margin: auto;
width: 70%;
}
.jijia-tool-item li {
list-style: none;
margin: 0;
padding: 0;
}
.jijia-tool-item a {
display: block;
position: relative;
padding: 1rem 0;
overflow: hidden;
border-radius: 7rem;
}
.jijia-tool-item a:hover {
background: #ff9900;
}
.jijia-tool-item a:hover .text-1 {
color: #fff;
}
.jijia-tool-item a:hover .icon-1 {
opacity: 1;
filter: invert(1);
}
.jijia-tool-item .icon-1 {
width: 2.5rem;
height: 2.5rem;
margin: auto;
position: relative;
opacity: .5;
}
.jijia-tool-item .text-1 {
text-align: center;
color: #374567;
margin-top: .2rem;
}
.jijia-tool-ewm {
width: 13rem;
height: 13rem;
overflow: hidden;
background: #fff;
padding: 3px;
box-sizing: border-box;
position: absolute;
right: 140%;
top: -35%;
z-index: 11;
border-radius: 1rem;
display: none;
}
.jijia-tool-item li:hover .jijia-tool-ewm,
.jijia-tool-item li:hover .jijia-tool-tel {
display: block;
}
.jijia-tool-item:first-child a {
background: #ff9900;
}
.jijia-tool-item:first-child a .text-1 {
color: #fff;
}
.jijia-tool-item:first-child a .icon-1 {
opacity: 1;
filter: invert(1);
}
.jijia-tool-tel {
width: 19rem;
height: 7rem;
line-height: 7rem;
overflow: hidden;
background: #fff;
padding: 3px;
box-sizing: border-box;
position: absolute;
right: 140%;
top: -5%;
z-index: 11;
display: none;
text-align: center;
border-radius: 2rem;
font-size: 0;
}
.jijia-tool-tel i {
display: inline-block;
vertical-align: middle;
width: 2rem;
height: 2rem;
background: #ff9900 url('../images/tel.svg') center no-repeat;
background-size: 80%;
border-radius: 100%;
}
.jijia-tool-tel span {
display: inline-block;
vertical-align: middle;
color: #ff9900;
font-weight: bold;
margin-left: .5rem;
}
.scrolltop-2 {
display: block;
width: 5rem;
height: 5rem;
border-radius: 100%;
position: relative;
margin: auto;
}
.scrolltop-2 .icon-1 {
width: 3rem;
height: 3rem;
margin: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@keyframes yuanfangda {
0% {
transform: translate(-50%, -50%) scale(0.1);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1.1);
opacity: 0;
}
}
@keyframes srmgani {
0% {
transform: scale(1.05);
}
100% {
transform: scale(1.0);
}
}
@keyframes chuxian {
0% {
transform: translateY(10%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes fangda1 {
0% {
transform: scale(0.1);
opacity: 1;
}
100% {
transform: scale(1.1);
opacity: 0;
}
}
@media screen and (max-width: 5120px) {
.gua-process .lists-container .list::after {
right: 5%;
}
}
@media screen and (max-width: 3840px) {}
@media screen and (max-width: 2560px) {
.value-centre .title-1 {
font-size: 2rem;
}
.index-choose-jijia-item .title-1 {
font-size: 2.8rem;
}
.index-choose-jijia-item .text-1 li {
font-size: 1.6rem;
}
.index-choose-jijia-item .text-1 li::before {
top: .4rem;
}
.index-choose-jijia-item.cji2 .icon-1,
.index-choose-jijia-item.cji4 .icon-1 {
right: 15%;
}
.index-choose-jijia-item .icon-1 {
width: 20rem;
height: 20rem;
right: 3%;
}
}
@media screen and (max-width: 2048px) {}
@media screen and (max-width: 1920px) {
.value-centre .title-1 {
font-size: 2.4rem;
}
}
@media screen and (max-width: 1860px) {
.scm-background .text .title-1 {
font-size: 6.4rem;
}
.index-solution-item .number-1 {
font-size: 5rem;
}
.index-solution-item .title-1 {
font-size: 4rem;
}
.index-solution-item .title-2 {
font-size: 3rem;
}
.value-centre .title-1 {
font-size: 2rem;
}
.index-solution-item .text-1 {
font-size: 1.6rem;
}
.index-solution-item .icon-1 {
width: 10rem;
height: 10rem;
}
}
@media screen and (max-width: 1680px) {
.index-core-manage-list {
width: 90%;
}
.header-nav li {
padding: 0 2rem;
}
.scm-background .text .title-2 {
font-size: 5.5rem;
}
.scm-process .process-bottom .item .chart::after {
right: -9rem;
transform: scale(.9) translateY(-50%);
}
.header-left {
left: 7%;
}
.header-right {
right: 7%;
}
.scm-background .text {
left: 10%;
}
.banner-bottom,
.index-section-content,
.index-link-more,
.footer-content,
.scm-plan-top-content,
.e-com-advantage-bottom,
.corpus-content,
.scm-process-content,
.hassle-content,
.scm-plan-content,
.scm-operate-content,
.value-content,
.capacity-content,
.e-com-developed-bottom {
width: 86%;
}
.furnit-select-bottom .logosbox {
width: 88%;
}
.scm-operate-content.scm-operate-content2 {
width: 100%;
}
.index-core-functions-item {
width: 22.7%;
margin-bottom: 3%;
margin-right: 3%;
}
.index-core-functions-list {
padding-top: 3%;
}
.scm-plan-top a {
padding: 2rem 2.5rem;
}
.value-centre .title-1 {
font-size: 2rem;
}
.about-culture .details-content .details-left .text-2 .title-1,
.about-culture .details-content .details-left .text-2 .txt-2 {
font-size: 2.2rem;
}
.scm-plan-blw1 .scm-content-centre .item .text-2 {
font-size: 2.5rem;
}
.scm-corpus .primary .text .item2 .txt-2,
.case-carousel .item-right .text-1 .txt-2 {
font-size: 1.6rem;
}
.scm-plan-blw1 .scm-content-centre .item {
padding: 3rem 0;
}
.scm-plan-bottom-left .link ul li p {
line-height: 2.2rem;
}
}
@media screen and (max-width: 1580px) {
.header-content {
height: 7rem;
}
.header-nav a.nav {
line-height: 7rem;
}
.index-core-manage-list {
width: 100%;
padding-top: 1%;
}
.index-honor-qualification-list {
width: 80%;
}
.scm-background .text .title-1 {
font-size: 6rem;
}
.index-solution-item .number-1 {
font-size: 5rem;
}
.scm-background .text .txt-2 {
font-size: 2rem;
}
.scm-background .text .title-2,
.index-coremanage-data-item .title-1 {
font-size: 4rem;
}
.index-solution-item .title-1,
.index-technology-top .textitem-1 .text-3 {
font-size: 3rem;
}
.index-choose-jijia-item .title-1,
.erp-news-right .text .title-1 {
font-size: 2.5rem;
}
.index-solution-item .title-2,
.index-technology-item .text-1,
.index-choose-jijia-item .text-1,
.scm-background .text .text-2,
.scm-operate-content2 .item .item-bottom .title-2,
.gua-process .lists-container .item .title-2 {
font-size: 2rem;
}
.index-coremanage-item .icon-1 p,
.news-intro-content .item .text .title-1 {
font-size: 1.8rem;
}
.index-solution-item .text-1,
.index-choose-jijia-item .text-1 li,
.index-coremanage-item .text-1,
.scm-plan-bottom-left .link ul li strong,
.gua-process .lists-container .item .link,
.scm-plan-top a {
font-size: 1.6rem;
}
.index-choose-jijia-item .text-1 li {
font-size: 1.4rem;
}
.index-solution-item .icon-2 p,
.scm-plan-bottom-left .link ul li p,
.news-intro-content .item .text .txt-2,
.news-intro-content .item .more .txt-1 {
font-size: 1.4rem;
}
.index-choose-jijia-item .icon-1 {
width: 15rem;
height: 15rem;
}
.index-choose-jijia-item .text-1 li p {
padding: 1rem 0;
}
.index-choose-jijia-item.cji3 .text-1 p {
padding: .2rem 0;
}
.jijia-tool-right {
right: 1%;
}
.index-news-item .time-1,
.index-technology-list,
.index-choose-jijia-list {
margin-top: 2rem;
}
.index-technology-top .textitem-1 .text-1,
.index-technology-top .textitem-1 .text-2,
.index-technology-top .textitem-1 .text-2 strong {
font-size: 4rem;
}
.index-core-manage-top {
padding: 1% 0;
}
.index-core-manage-center {
padding-bottom: 1%;
}
.index-coremanage-item {
width: 32.5%;
}
.index-coremanage-item .text-1 p {
padding: .5rem 0;
margin: 0;
}
.index-coremanage-data-item .brandlog li {
margin: .5rem 1rem;
}
.index-coremanage-data-item .brandlog {
width: 80%;
padding: 0 5%;
}
.index-solution-list {
padding-top: 2%;
width: 80%;
margin: auto;
}
.index-technology-bottom {
width: 80%;
margin: auto;
margin-top: 2%;
}
.index-choose-jijia-item .text-1 li::before {
top: .3rem;
}
.footer-content-top-left {
width: 20%;
}
.footer-content-top-right {
width: 75%;
}
.footer-message {
width: 20rem;
}
.scm-background .text {
width: 35%;
}
.gua-process .lists-container .item li {
padding: .3rem 0;
padding-left: 2.5rem;
}
.gua-process .lists-container .item li::before {
top: .5rem;
}
.gua-process .lists-container .list::after {
transform: scale(.8);
top: 13%;
right: 0;
}
.gua-process .lists-container .lists-container-top .list:last-child::after {
transform: rotate(90deg) scale(.8);
top: auto;
}
.value-centre,
.honor-content-bottom,
.about-culture .details-content,
.about-setting-bottom {
margin-top: 3%;
}
.about-culture {
margin-top: 7%;
}
.honor-content-bottom .item .pic .img-center {
max-height: 70%;
}
.honor-content-bottom .item .title-2 {
font-size: 1.4rem;
padding: 5%;
width: 90%;
}
.about-culture .details-content .details-left .text-2 .txt-2 {
font-size: 2rem;
}
.about-culture .details-content .details-left .text-2 .title-1 {
font-size: 3rem;
}
.about-culture .details-content .details-right {
width: 45%;
margin-left: 7%;
}
.scm-plan1 .scm-plan-item,
.scm-plan2 .scm-plan-item {
width: 100%;
}
.scm-plan-item .link {
padding: 5% 0 3% 0;
}
.scm-plan .scm-plan-content .scm-plan-bottom {
font-size: 0;
}
.scm-plan-bottom-left,
.scm-plan-bottom-right {
display: inline-block;
vertical-align: middle;
float: none;
}
.scm-operate-content2 .item .item-bottom .title-2 {
font-size: 1.8rem;
line-height: 2.4rem;
}
.scm-operate-content2 .scm-operate-bottom .item .item-bottom .more-3 {
display: block;
}
.scm-operate-content2 .scm-operate-bottom .item .item-bottom .more-3 .font14 {
font-size: 1.2rem;
}
.ques-right-bottom .item .videos .button-1 {
width: 6rem;
height: 6rem;
}
}
@media screen and (max-width: 1440px) {
.index-choose-jijia-item .text-1 li,
.index-choose-jijia-item .text-1 li p:first-child,
.index-choose-jijia-item .text-1 {
font-size: 1.4rem;
}
}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1280px) {
.scm-plan-bottom,
.scm-plan-item,
.scm-operate-content2 {
width: 100%;
}
.case-carousel .item-right .text-1 .title-1 {
font-size: 3rem;
}
.scm-operate-bottom .item .text-2 .title-2 {
font-size: 2rem;
}
.index-choose-jijia-item .text {
width: 60%;
max-width: 70%;
}
.index-choose-jijia-item.cji3 .text-1 li {
font-size: 1.6rem;
}
.index-choose-jijia-item.cji3 .text-1 p {
font-size: 1.2rem;
}
.index-choose-jijia-item.cji3 .text-1 li p:first-child {
font-size: 1.4rem;
}
}
@media screen and (max-width: 1152px) {
.index-choose-jijia-item.cji1 .text,
.index-choose-jijia-item.cji3 .text {
left: 5%;
}
.index-choose-jijia-item.cji2 .icon-1,
.index-choose-jijia-item.cji4 .icon-1 {
right: 5%;
}
.header-left {
left: 3%;
}
.header-right {
right: 3%;
}
.scm-background .text {
left: 5%;
}
.scm-background .right-pic {
right: 5%;
}
.banner-bottom,
.index-section-content,
.scm-operate-content,
.index-link-more,
.scm-plan-content,
.value-content,
.capacity-content,
.course-content,
.footer-content-top .footer-content,
.footer-content-bottom .footer-content,
.scm-plan-top-content,
.corpus-content,
.scm-process-content {
width: 94%;
}
.index-core-manage-list {
width: 95%;
}
.case-carousel {
width: 85%;
}
.scm-operate-content2 .scm-operate-bottom {
width: 89%;
}
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 640px) {
.pcshow {
display: none !important;
}
.mbshow {
display: block !important;
}
.menu-toggle {
display: inline-block;
vertical-align: middle;
width: 4rem;
height: 4rem;
text-align: center;
margin-left: 1rem;
}
.menu-toggle a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.no-touch .header-center {
transform: translateX(0);
}
.header-content {
height: 7.5rem;
}
.header-logo {
max-width: 15rem;
}
.header-left {
left: 5%;
}
.header-right {
right: 5%;
}
.header-center {
position: fixed;
left: 0;
top: 0;
transform: none;
width: 100%;
height: 100%;
background: #fff;
transform: translateX(100%);
}
.header-nav {
margin-top: 7.5rem;
border-top: 1px solid #ccc;
padding: 5%;
overflow: hidden;
text-align: left;
}
.header-nav ul {
display: block;
}
.header-nav li {
border-bottom: 1px solid #ccc;
margin: 0;
}
.header-nav li.cur.dropdown a.nav.active::after {
width: 0;
}
.header-nav a.nav span {
font-size: 3rem;
}
.header-nav a.nav {
padding: 2rem 0;
line-height: normal;
display: block;
position: relative;
}
.header-nav li.dropdown a.nav.active::before {
transform: translateY(-50%) rotate(90deg);
}
.header-nav-show {
width: 100%;
position: relative;
left: auto;
top: auto;
box-shadow: none;
transition: none;
}
.header-nav-show ul {
padding: 0 5% 5% 5%;
}
.header-nav-show ul a {
font-size: 2.4rem;
padding: 1rem 0;
}
.header-nav-show ul a:last-child {
border: none;
}
.header-nav li:last-child {
border: none;
}
.header-nav li:hover .header-nav-show,
.header-nav li span::after,
.header-nav-show.product-services ul li .nav-2::after {
display: none;
}
.header-nav li.btn a.nav {
padding: .6rem 2.5rem;
margin: 10% auto;
display: inline-block;
}
.header-nav a.nav::after {
bottom: 0;
}
.header-nav li.dropdown a.nav i {
right: 0;
}
.header-nav-show.product-services ul li {
width: 100%;
float: none;
margin-bottom: 5%;
border: none;
}
.footer-nav {
display: block;
}
.footer-content-bottom a {
margin-left: 0;
margin-right: 2rem;
}
.footer-nav-item .title-1 {
border-top: 1px solid #333;
padding: 1rem 0;
}
.footer-nav-list {
display: none;
}
.footer-contact-us {
margin: 0;
padding: 5% 0;
position: relative;
}
.footer-contact-ewm .ewm-1 {
width: 30%;
}
.header-nav-show.product-services,
.header-nav-show.solutions,
.header-nav-show.about {
width: 100%;
border-radius: 0;
left: auto;
display: block;
transition: none;
transform: none;
opacity: 1;
display: none;
}
.header-nav-show.product-services ul li {
padding: 0;
margin: 0;
margin-bottom: 5%;
}
.header-nav li:hover .header-nav-show.product-services {
transform: none;
opacity: 1;
}
.header-link .link-1 a {
width: auto;
padding: .5rem 1rem;
}
.header-nav-show.product-services ul li {
width: 45%;
float: left;
}
.banner-bottom {
width: 90%;
margin-top: -20%;
}
.banner-bottom-content {
padding: 5% 0;
}
.banner-bottom-item {
width: 45%;
position: relative;
}
.banner-bottom-item:nth-child(2n-1)::after {
content: '';
width: 1px;
height: 80%;
background: #ccc;
position: absolute;
right: 0;
top: 10%;
opacity: .5;
}
.index-core-functions,
.index-core-manage,
.index-solution,
.index-honor-qualification,
.index-news,
.index-cooperative-clients {
padding: 20% 0;
}
.index-core-functions-item {
float: none;
width: 100%;
margin-bottom: 3%;
margin-right: 0
}
.index-section-content,
.index-honor-qualification-list,
.index-cooperative-clientsn-list,
.index-coremanage-data-item .brandlog {
width: 90%;
}
.index-solution-item.isi1,
.index-solution-item.isi2,
.index-choose-jijia-item,
.value-centre .item,
.index-honor-qualification-item:first-child,
.index-news-item,
.index-link-more .logos_box {
width: 100%;
float: none;
}
.index-solution-item,
.index-solution-item.isi5,
.index-coremanage-item {
width: 100%;
float: none;
margin-right: 0;
}
.index-solution-item .number-1 {
padding: 0;
font-size: 4rem;
}
.index-choose-jijia-item.cji1 .text,
.index-choose-jijia-item.cji3 .text,
.index-choose-jijia-item .text {
left: 5%;
}
.index-choose-jijia-item.cji1 .text,
.index-choose-jijia-item.cji3 .text {
margin: 0;
}
.index-choose-jijia-item .icon-1 {
width: 10rem;
height: 10rem;
}
.index-choose-jijia-item.cji2 .icon-1,
.index-choose-jijia-item.cji4 .icon-1 {
right: 5%;
}
.index-choose-jijia-item .img-block,
.index-news-item.ini3 .text::before,
.index-link-more .title-1 {
display: none;
}
.index-choose-jijia-item a {
padding: 10% 0;
}
.index-choose-jijia-item .text {
position: relative;
left: 5%;
width: 60%;
top: auto;
transform: none;
max-width: 60%;
}
.index-choose-jijia-item.cji3 .text {
padding: 0;
}
.index-choose-jijia-item.cji3 .text .title-1 {
position: relative;
left: auto;
width: 100%;
top: auto;
transform: none;
line-height: normal;
}
.index-honor-qualification-list {
margin-top: 10%;
}
.index-choose-jijia {
padding-top: 10%;
}
.index-honor-qualification-item {
width: 47%;
margin: 1%;
}
.index-news-right-nav {
position: relative;
right: auto;
bottom: auto;
padding: 5% 0;
}
.index-news-right-nav li {
margin-left: 0;
margin-right: 3%;
}
.index-news-item.ini1 {
margin-right: 0;
width: 100%;
margin-bottom: 5%;
float: none;
overflow: hidden;
padding-bottom: 5%;
}
.index-news-item .title-1 {
padding: 0;
margin-bottom: 5%;
}
.index-news-item .date {
float: none;
width: 100%;
}
.index-news-item {
border-bottom: 1px solid #ccc;
padding: 5% 0;
}
.index-news-item.ini3 .text {
padding-left: 0;
position: relative;
width: 100%;
float: none;
max-width: 100%;
}
.index-news-item .date-2 {
overflow: hidden;
text-align: left;
margin-bottom: 5%;
}
.index-cooperative-clientsn-list li .img-center,
.index-link-more li .img-center {
max-width: 50%;
max-height: 50%;
}
.index-cooperative-clientsn-list {
padding: 0 5%;
}
.index-coremanage-data-item {
width: 100%;
}
.index-coremanage-item a {
text-align: left;
}
.index-coremanage-item .icon-1 {
text-align: center;
}
.index-coremanage-item,
.index-coremanage-data-item {
margin: 5% 0;
}
.index-coremanage-data-item .brandlog {
padding: 5%;
width: 90%;
}
.index-coremanage-data-item.icd1,
.index-coremanage-data-item.icd3,
.index-coremanage-data-item.icd2 a,
.index-technology-item.iti1 {
width: 100%;
}
.index-coremanage-data-item .img-block,
.index-technology-bottom .img-block {
display: none;
}
.index-core-manage-top,
.index-coremanage-data-item,
.index-technology-bottom .index-technology-item .img-block {
display: block;
}
.index-coremanage-data-item .text {
position: relative;
left: auto;
top: auto;
transform: none;
width: 90%;
padding: 10% 5%;
}
.index-coremanage-data-item .brandlog::before {
width: 90%;
height: 1px;
left: 5%;
top: 0;
border-left: none;
border-top: 1px dashed #ccc;
}
.index-technology-item,
.index-technology-item.iti2 {
position: relative;
left: auto;
top: auto;
width: 100%;
right: auto;
}
.index-technology-item .pic-2 {
width: 90%;
height: 60%;
top: 60%;
}
.index-technology-bottom .index-technology-item .img-block {
opacity: 0;
}
.index-technology-bottom .index-technology-item .pic-2 .img-block {
opacity: 1;
}
.index-technology-bottom .index-technology-item {
background-image: linear-gradient(to right, #0145f0, #4fa7fe)
}
.index-technology-bottom .index-technology-item.iti2 {
background: #f1f1f1;
padding-bottom: 5%;
}
.index-technology-item.iti2 .text-1 {
left: 0;
right: 0;
}
.index-technology-item.iti2 .pic-2 {
right: 5%;
}
.jijia-tool-right {
z-index: 133;
}
.scm-background .text {
width: 90%;
left: 5%;
}
.scm-background .text .title-1 {
font-size: 5rem;
}
.scm-background .text .txt-2 {
font-size: 2rem;
}
.scm-plan-top-content {
width: 100%;
display: block;
overflow: hidden;
padding: .5% 0;
font-size: 0;
text-align: center;
white-space: nowrap;
overflow-x: auto;
}
.scm-plan-top a {
display: inline-block;
width: 33%;
box-sizing: border-box;
border: 1px solid #ccc;
padding: 1rem 0;
margin: .5%;
font-size: 1.8rem;
}
.scm-plan-top-content.num6 a {
width: 30%;
}
.scm-plan-top-content.num4 a {
width: 23%;
}
.scm-plan-top-content.num9 a {
width: auto;
padding: 1rem 1rem;
}
.scm-plan,
.scm-operate,
.scm-course {
padding: 20% 0;
}
.scm-plan-content,
.scm-operate-content,
.footer-content-top .footer-content,
.footer-content-bottom .footer-content,
.capacity-content,
.course-content,
.case-carousel,
.scm-operate-content2 .scm-operate-bottom {
width: 90%;
float: none;
}
.scm-plan-bottom,
.scm-plan-bottom-left,
.scm-plan-bottom-right,
.scm-plan-bottom-right .pic,
.footer-nav-item:first-child,
.footer-nav-item,
.footer-nav-list,
.value-centre-item,
.case-carousel .item-left,
.scm-plan-item,
.footer-content-top-left,
.footer-content-top-right,
.footer-message,
.scm-plan-blw1 .scm-plan-bottom-left,
.scm-operate-content2,
.scm-plan-blw1 .scm-plan-bottom-right,
.case-carousel .item-right {
width: 100%;
float: none;
}
.scm-plan-bottom-left,
.scm-plan-blw1 .scm-plan-bottom-left,
.value-centre-item {
margin-bottom: 5%;
}
.scm-operate-content .text .title-1 {
text-align: center;
font-size: 3.3rem;
}
.scm-background.topcenter .text,
.value-content {
width: 90%;
}
.scm-plan-blw1 .scm-content-centre .item {
width: 22%;
padding: 2rem 0;
}
.scm-plan-blw1 .scm-content-centre .text-2 {
font-size: 3rem;
}
.value-centre,
.index-core-manage-center,
.case-carousel .item,
.scm-operate-content2 .scm-operate-bottom,
.scm-corpus .primary,
.scm-plan-bottom,
.scm-plan-blw1 .scm-content-centre .item .num-1 {
display: block;
}
.course-bottom .item .pic-1 {
display: none;
}
.capacity-content-bottom .item {
width: 17%;
}
.course-bottom .brx-line {
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
}
.course-bottom .item {
position: relative;
left: auto;
top: auto;
bottom: auto;
right: auto;
width: 40%;
margin: 2%;
border: 1px solid #ccc;
border-radius: 1rem;
padding: 5% 0;
}
.scene-content-bottom .item {
width: 45%;
margin: 5% 0;
}
.scene-content-bottom {
flex-wrap: wrap;
}
.index-technology-top .textitem-1 .text-1,
.index-technology-top .textitem-1 .text-2,
.index-technology-top .textitem-1 .text-2 strong,
.index-technology-top .textitem-1 .text-3 {
font-size: 3rem;
}
.case-backg {
padding: 30% 0 20% 0;
overflow: hidden;
}
.case-background .text .title-1 {
font-size: 4rem;
text-align: center;
}
.case-carousel {
padding: 5%;
width: 80%;
}
.case-carousel .item-right {
margin-top: 5%;
}
.scm-operate-content2 .item {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 2%;
}
.scm-operate-content2 {
background: url('../pic/case-backg-dbjt002.png') center top no-repeat;
background-size: 100% 100%;
padding-bottom: 5%;
}
.case-background {
background: url('../pic/case-backg-dbjt001.png') center top no-repeat;
background-size: 100% 100%;
}
.scm-process .process-bottom .lists-container,
.scm-corpus .primary .text {
flex-wrap: wrap;
}
.scm-process .process-bottom .list {
width: 48%;
margin: 3% 1%;
}
.scm-process .process-bottom .item .chart::after {
right: -10rem;
}
.scm-corpus .primary .text .item2,
.index-technology-bottom {
margin: 5% 0;
width: 100%;
}
.scm-corpus .corpus-group .field {
left: 0;
position: relative;
padding-bottom: 0;
top: auto;
}
.scm-corpus .primary .logo {
width: 50%;
}
.index-solution-list,
.index-technology-list {
width: 100%;
margin-top: 5%;
}
.index-news-more,
.lists-container-top {
position: relative;
margin-top: 5%;
}
.e-com-programme,
.e-com-developed {
padding: 15% 0;
overflow: hidden;
width: 90%;
margin: auto;
}
.unify-text {
text-align: center;
}
.programme-content-bottom,
.e-com-advantage-bottom .inner-2,
.erp-news-frame a {
display: block;
}
.programme-content-bottom,
.programme-bottom-left,
.programme-bottom-right,
.e-com-developed-bottom,
.hassle-bottom-list.cur .item,
.one-stop-content,
.one-stop-content .pic,
.e-com-advantage-bottom,
.hassle-content,
.hassle-bottom-list .item .item-list-1 .txt-4 {
width: 100%;
}
.programme-nav .nav-right a {
padding: 2rem 1rem;
text-align: center;
}
.programme-bottom-right {
flex-direction: row;
}
.e-com-developed-bottom {
flex-wrap: wrap;
}
.e-com-developed-bottom a {
width: 48%;
margin: 1%;
}
.e-com-developed-bottom .item .text-1 {
top: 60%;
}
.e-com-advantage,
.hassle,
.one-stop,
.furnit-Client-Case,
.details-news,
.scm-operate-content2,
.brand-box {
padding: 15% 5%;
width: 90%;
}
.scm-corpus .corpus-group .field .txt-3 {
color: #fff;
}
.e-com-advantage-bottom .inner-2 a {
display: block;
overflow: hidden;
width: 100%;
margin: 3% auto;
}
.scm-plan-blw1 .scm-content-centre .item .text-2 {
font-size: 2rem;
}
.hassle-content .title,
.gua-value .value-centre .item {
margin-bottom: 5%;
}
.hassle-bottom .pic-3 {
display: none;
}
.hassle-bottom-list {
position: relative;
left: auto;
top: auto;
}
.hassle-bottom-list.cur .item.cur {
width: 100%;
margin: 1% 0;
float: none;
}
.hassle-bottom-list .item .pic.pic-2 {
position: relative;
left: auto;
top: auto;
height: 30rem;
opacity: 1;
}
.hassle-bottom-list .item.cur .pic.pic-1,
.hassle-bottom-list .item .text {
opacity: 0;
}
.hassle-bottom-list .item .text-1 {
opacity: 1;
}
.hassle-bottom-list .item {
width: 100%;
}
.scm-plans1 .scm-plan-bottom-right,
.scm-plans1 .scm-plan-bottom-left,
.scm-plans2 .scm-plan-bottom-left,
.details-background .details-content .details-left,
.news-intro-content .item,
.details-background .details-content .details-right,
.about-setting-bottom .item,
.about-contact .details-content .details-left,
.about-contact .details-content .details-right,
.scm-plans2 .scm-plan-bottom-right,
.furnit-Client-Case .scm-plan-bottom-left,
.furnit-Client-Case .scm-plan-bottom-right,
.brand-box-content,
.erp-news-content,
.about-culture .details-content .details-left,
.about-culture .details-content .details-right,
.erp-news-left,
.erp-news-right {
width: 100%;
margin: auto;
padding: 0;
}
.scm-plans1 .scm-plan-bottom-left,
.scm-plans2 .scm-plan-bottom-right,
.furnit-Client-Case .scm-plan-bottom-right,
.about-culture .details-content .details-right {
margin-top: 5%;
}
.furnit-select-bottom .item {
width: 30%;
}
.details-background .details-content,
.about-culture .details-content,
.about-setting-bottom {
width: 90%;
padding: 10% 0;
display: block;
}
.details-background .details-content .details-left,
.about-honor,
.about-culture {
padding: 10% 0;
}
.details-news .text-2 .txt-1 {
padding: 5% 0;
}
.scm-operate-content.scm-operate-content2.scm-operate-content3 .scm-operate-bottom,
.gua-value .value-centre .item {
width: 100%;
}
.scm-operate-content.scm-operate-content2.scm-operate-content3 .scm-operate-bottom .scm-operate-other .item {
width: 35rem !important;
margin-right: 2rem;
}
.gua-process .process-bottom .lists-container-top,
.lists-container-bottom {
flex-wrap: wrap;
}
.gua-process .lists-container .list {
width: 100%;
padding: 0;
margin: 0;
padding-bottom: 10rem;
}
.gua-process .lists-container .item .chart,
.gua-process .lists-container .item .link {
float: none;
display: inline-block;
vertical-align: middle;
}
.gua-process .lists-container .item .link {
width: auto;
}
.gua-process .lists-container .list::after {
transform: rotate(90deg);
top: auto;
right: auto;
left: 5%;
bottom: 2rem;
}
.gua-process .lists-container .list::after {
display: block;
}
.gua-process .lists-container .lists-container-bottom .list:last-child::after {
display: none;
}
.ques-right-bottom .item {
width: 100%;
margin-bottom: 5%;
float: none;
margin-right: 0;
}
.ques-plan-top2 .scm-plan-top-left {
width: 100%;
padding: 4% 0;
margin-left: 0;
text-align: center;
}
.ques-plan-top2 .scm-plan-top-left a {
display: inline-block;
vertical-align: middle;
width: auto;
padding: 1rem 1rem;
text-align: center;
}
.ques-plan-top2 .scm-plan-top-left a::after {
width: 100%;
height: 3px;
left: 0;
bottom: 0;
}
.ques-plan-right {
width: 100%;
padding: 5%;
display: block;
box-sizing: border-box;
overflow: hidden;
}
.ques-right-top {
overflow: hidden;
}
.ques-right-top .text a {
display: inline-block;
width: auto;
}
.about-channel-bottom {
flex-wrap: wrap;
}
.about-channel-bottom a {
width: 50%;
}
.about-course-top {
background: #000;
overflow: hidden;
}
.about-course-top .pic {
width: 250%;
}
.honor-content-bottom .item {
width: 47%;
margin: 1%;
}
.about-setting-bottom .item,
.news-intro-content .item {
margin-bottom: 2%;
}
.brand-box-region {
padding: 10%;
}
.brand-blurb .text-1 {
line-height: normal;
}
.erp-news-prime,
.news-intro-content {
width: 90%;
margin: auto;
margin-top: 5%;
}
.erp-news-frame a {
padding: 5%;
}
.scm-operate-content.scm-operate-content2 {
width: 100%;
box-sizing: border-box;
}
.ques-plan-top2::before {
display: none;
}
.news-intro-content {
display: block;
}
.index-news-item.ini4 a,
.index-news-item.ini3 a,
.clothing-worry .clothing-worry-bottom,
.clothing-solve-bottom,
.industry-solutions-section5,
.industry-solutions-section5-item {
display: block;
}
.index-news-item.ini4 .text,
.index-news-item.ini3 .text,
.clothing-worry-bottom .item,
.clothing-solve-bottom .item,
.industry-solutions-section5-pic,
.industry-solutions-section5-left,
.industry-solutions-section5-right {
width: 100%;
}
.clothing-worry-bottom .item {
margin-bottom: 5%;
}
.clothing-worry,
.clothing-major,
.clothing-corpus,
.industry-solutions-section {
padding: 15% 0;
}
.clothing-solve-bottom .item {
margin: 4% 0;
}
.clothing-solve-bottom .text {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.clothing-solve-bottom .text .txt {
width: 45%;
}
.clothing-worry-2 .clothing-worry-bottom .item {
text-align: center;
}
.industry-solutions-section1-item,
.industry-solutions-section5-text {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 5%;
}
.industry-solutions-section5-left {
display: flex;
flex-wrap: wrap;
}
.industry-solutions-section5-left .item-1 {
border: 1px solid #ccc;
box-sizing: border-box;
width: 50%;
}
.industry-solutions-bottom {
margin-top: 5%;
}
.industry-solutions-content {
width: 90%;
}
.details-news .text-2 h1 {
line-height: 5rem;
}
.value-centre-item .text-1 {
width: 70%;
}
.unify-text .title-1 {
font-size: 4rem;
}
.e-com-advantage {
width: 100%;
margin: auto;
}
.e-com-advantage-bottom {
width: 90%;
margin: auto;
padding-bottom: 5%;
}
.scm-corpus .corpus-group .pic {
width: 30%;
}
.scm-corpus .corpus-group .field .txt-3 {
color: #000;
}
.scm-corpus .corpus-group .txt-2.t1 .field .txt-3 {
color: #fff;
}
.index-core-functions-item .img-block,
.scm-background .text {
display: none;
}
.index-core-functions-item .text {
position: relative;
left: auto;
top: auto;
width: 80%;
transform: none;
padding: 10%;
}
.index-core-functions-item .text img {
display: block;
}
.scm-operate-bottom .swiper-pagination.operate-pagination span.swiper-pagination-bullet {
width: 1rem;
margin: 0 .4rem;
}
.scm-bg-banner-content .text {
width: 90%;
}
.scm-bg-banner-content .text-1,
.scm-bg-banner-content .text-2 {
font-size: 4.6rem;
}
.scm-bg-banner-content .text-3 {
font-size: 2.2rem;
line-height: 3rem;
}
.header-nav-show.product-services ul li:last-child {}
.header-nav-show.product-services.class3 ul {
padding: 0;
}
.header-nav-show.product-services ul li a {
font-size: 1.8rem;
}
.header-nav-show.product-services.class3,
.header-nav-show.product-services ul li .nav-2 a {
width: 100%;
}
.header-nav-show ul i {
margin-right: 1rem;
}
}
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}
/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
/* 定价方案 */
.scm-plan3 {
background: #f5f5f5;
}
.dj-box ul,
.dj-box ul li {
list-style: none;
box-sizing: border-box;
}
.dj-box ul {
display: flex;
flex-wrap: wrap;
text-align: center;
margin-top: 4%;
}
.dj-box ul li {
font-size: 16px;
width: 25%;
border: 1px solid #e1e1e1;
line-height: 1.2;
padding: 25px 15px;
margin: -1px 0 0 -1px;
}
.dj-box ul li.one {
font-weight: bold;
background: #f5f5f5;
/* border-color: #d1d1d1; */
}
.scm-plan2 .dj-box ul li.one {
font-weight: bold;
background: #1b35bd;
}
.scm-plan2 .dj-box ul li {
color: #fff;
border-color: #0d26ab;
}
/* 定价方案结束 */