1408 lines
23 KiB
CSS
1408 lines
23 KiB
CSS
a {
|
|
color: #333
|
|
}
|
|
|
|
img {
|
|
max-width: 100%
|
|
}
|
|
|
|
.title span {
|
|
color: #ea3e41
|
|
}
|
|
|
|
.title-p span {
|
|
color: #ea3e41
|
|
}
|
|
|
|
.button-apply {
|
|
display: block;
|
|
width: 110px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: var(--font-size);
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
color: #fff;
|
|
background: linear-gradient(to right, #2f91d4, #1881c9);
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.button-apply:hover {
|
|
box-shadow: 0 10px 25px 0 rgba(24,129,201,.5)
|
|
}
|
|
|
|
.banner-wrap {
|
|
background: url("../image/solution_market_bg.png") no-repeat left top/cover;
|
|
height: 400px;
|
|
}
|
|
.banner-wrap2 {
|
|
background: url("../image/solution_market_bg2.png") no-repeat left top/cover;
|
|
height: 400px;
|
|
}
|
|
.banner-wrap .box {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 400px;
|
|
}
|
|
|
|
.banner-wrap .box h1 {
|
|
font-size: 2em;
|
|
color: #fff
|
|
}
|
|
|
|
.banner-wrap .box p {
|
|
font-size: 1.4rem;
|
|
line-height: 1.7;
|
|
color: #ecebef
|
|
}
|
|
|
|
.banner-wrap .box .banner-apply-box {
|
|
display: flex;
|
|
margin-top: 30px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.banner-wrap .box .banner-apply-box a {
|
|
display: block;
|
|
margin-top: 30px;
|
|
width: 160px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
background-color: #ff5a67;
|
|
border-radius: 4px;
|
|
width: 160px;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
color: #fff;
|
|
transition: all .3s ease-in-out;
|
|
background: linear-gradient(to right, #2f91d4, #1881c9)
|
|
}
|
|
|
|
.banner-wrap .box .banner-apply-box a:nth-child(2) {
|
|
margin-left: 20px
|
|
}
|
|
|
|
.banner-wrap .box .banner-apply-box a:hover {
|
|
box-shadow: 0 10px 25px 0 rgba(24,129,201,.5)
|
|
}
|
|
|
|
.header-link-box {
|
|
height: 48px;
|
|
line-height: 48px;
|
|
color: #282b42;
|
|
font-size: 16px
|
|
}
|
|
|
|
.header-link-box i {
|
|
font-size: var(--font-size);
|
|
font-weight: bold
|
|
}
|
|
|
|
.header-link-box .title {
|
|
color: #1881c9;
|
|
font-size: 16px
|
|
}
|
|
|
|
.header-link-box .title span {
|
|
color: #333;
|
|
font-weight: normal
|
|
}
|
|
|
|
.chan-chall-box {
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.chan-chall-box .chan-chall {
|
|
width: 32%;
|
|
padding: 35px;
|
|
border-radius: 8px;
|
|
background-color: #fff;
|
|
background: url("../image/ssc_chan_bg.png") no-repeat center bottom/cover;
|
|
box-shadow: 0px 5px 40px 0px rgba(47,72,88,.07),0px 5px 40px 0px rgba(47,72,88,.07);
|
|
cursor: default;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.chan-chall {
|
|
margin-left: 8px
|
|
}
|
|
|
|
.chan-chall h3 {
|
|
font-size: 20px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.chan-chall h3 img {
|
|
max-width: 30px;
|
|
margin-right: 5px
|
|
}
|
|
|
|
.chan-chall p {
|
|
font-size: var(--font-size);
|
|
line-height: 2;
|
|
color: #6e7080
|
|
}
|
|
|
|
.chan-chall:hover {
|
|
transform: translateY(-8px)
|
|
}
|
|
|
|
.market-think-wrap .think-box {
|
|
max-width: 900px;
|
|
gap: 5%
|
|
}
|
|
|
|
.market-think-wrap .think-box .think-img {
|
|
width: 47%
|
|
}
|
|
|
|
.market-think-wrap .think-box p {
|
|
font-size: 16px;
|
|
line-height: 1.7
|
|
}
|
|
|
|
.market-think-wrap .why-think-box {
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
padding: 30px 60px;
|
|
margin-top: 40px
|
|
}
|
|
|
|
.market-think-wrap .why-think-box .title {
|
|
margin-top: 20px;
|
|
margin-bottom: 40px
|
|
}
|
|
|
|
.market-think-wrap .why-think-box .item {
|
|
flex: 1;
|
|
text-align: center
|
|
}
|
|
|
|
.market-think-wrap .why-think-box .item img {
|
|
max-width: 42px
|
|
}
|
|
|
|
.market-think-wrap .why-think-box .item h4 {
|
|
margin-top: 20px;
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.market-think-wrap .why-think-box .item p {
|
|
text-align: left;
|
|
max-width: 70%;
|
|
margin: 0 auto;
|
|
color: #6e7080
|
|
}
|
|
|
|
.gover-solu-wrap {
|
|
background: url("../image/gover_solu_bg.png") no-repeat center bottom/cover
|
|
}
|
|
|
|
.gover-solu-wrap .gover-solu-box {
|
|
max-width: 1080px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
box-shadow: 0px 6px 20px 1px rgba(33,50,88,.1608)
|
|
}
|
|
|
|
.gover-solu-left {
|
|
width: 45%
|
|
}
|
|
|
|
.gover-solu-left h3 {
|
|
font-size: 24px;
|
|
line-height: 70px;
|
|
text-align: center;
|
|
background-color: #e7eaf2
|
|
}
|
|
|
|
.gover-solu-left .gover-solu-item {
|
|
height: 64px;
|
|
line-height: 64px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 25px;
|
|
background-color: #f5f7fa
|
|
}
|
|
|
|
.gover-solu-left .gover-solu-item:nth-child(even) {
|
|
height: 60px;
|
|
line-height: 60px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.gover-solu-left .gover-solu-item i {
|
|
font-size: 18px;
|
|
color: #c3c9d5
|
|
}
|
|
|
|
.gover-solu-left .gover-solu-item p {
|
|
font-size: var(--font-size);
|
|
line-height: 1.7;
|
|
color: #333;
|
|
margin-left: 15px
|
|
}
|
|
|
|
.gover-solu-right {
|
|
width: 55%;
|
|
box-shadow: 0px 6px 20px 1px rgba(33,50,88,.1608)
|
|
}
|
|
|
|
.gover-solu-right h3 {
|
|
font-size: 24px;
|
|
line-height: 70px;
|
|
text-align: center;
|
|
background-color: #fd5a67;
|
|
color: #fff
|
|
}
|
|
|
|
.gover-solu-right .gover-solu-item {
|
|
height: 64px;
|
|
line-height: 64px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 25px;
|
|
padding-right: 25px;
|
|
background-color: #f5f7fa
|
|
}
|
|
|
|
.gover-solu-right .gover-solu-item:nth-child(even) {
|
|
height: 60px;
|
|
line-height: 60px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.gover-solu-right .gover-solu-item i {
|
|
font-size: 18px;
|
|
color: #fd5a67
|
|
}
|
|
|
|
.gover-solu-right .gover-solu-item p {
|
|
font-size: var(--font-size);
|
|
line-height: 1.7;
|
|
color: #333;
|
|
margin-left: 15px
|
|
}
|
|
|
|
.res-img-wrap .res-img-box {
|
|
max-width: 1030px
|
|
}
|
|
|
|
.res-img-wrap .res-img-box .res-apply-box {
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
margin-top: 40px;
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
|
|
.res-img-wrap .res-img-box .res-apply-box a {
|
|
display: block;
|
|
width: 180px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
line-height: 40px;
|
|
border-radius: 4px;
|
|
color: #fff;
|
|
text-align: center;
|
|
transition: all .3s ease-in-out;
|
|
background: linear-gradient(90deg, #2f91d4 0%, #1881c9 100%)
|
|
}
|
|
|
|
.res-img-wrap .res-img-box .res-apply-box a:hover {
|
|
box-shadow: 0 10px 25px 0 rgba(24,129,201,.5)
|
|
}
|
|
|
|
.res-solu-wrap .box {
|
|
gap: 8%
|
|
}
|
|
|
|
.res-solu-wrap .text-box {
|
|
max-width: 35%;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.res-solu-wrap .text-box h3 {
|
|
font-size: 22px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.res-solu-wrap .text-box .text-line {
|
|
width: 90px;
|
|
height: 4px;
|
|
background: #ff3838;
|
|
margin: 30px 0
|
|
}
|
|
|
|
.res-solu-wrap .text-box p {
|
|
width: 100%;
|
|
font-size: var(--font-size);
|
|
line-height: 1.7;
|
|
color: #282b42;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.res-solu-wrap .text-box .text-much {
|
|
width: 100%
|
|
}
|
|
|
|
.res-solu-wrap .img-box {
|
|
width: 52%
|
|
}
|
|
|
|
.res-use-wrap {
|
|
background: url("../image/res_use_bg.png") no-repeat center bottom/cover
|
|
}
|
|
|
|
.res-use-wrap .res-use-box {
|
|
position: relative
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide {
|
|
opacity: 1;
|
|
width: 75% !important;
|
|
height: 300px;
|
|
margin: 0 150px !important;
|
|
display: flex;
|
|
text-align: center;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide:nth-child(1) {
|
|
background: url("../image/res_use_bg1.png") no-repeat top left/100% 100%
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide:nth-child(2) {
|
|
background: url("../image/res_use_bg2.png") no-repeat top left/100% 100%
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide:nth-child(3) {
|
|
background: url("../image/res_use_bg3.png") no-repeat top left/100% 100%
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide:nth-child(4) {
|
|
background: url("../image/res_use_bg4.png") no-repeat top left/100% 100%
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide:nth-child(5) {
|
|
background: url("../image/res_use_bg5.png") no-repeat top left/100% 100%
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide:nth-child(6) {
|
|
background: url("../image/res_use_bg6.png") no-repeat top left/100% 100%
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide .res-use-text {
|
|
width: 55%;
|
|
padding: 20px 30px;
|
|
text-align: left;
|
|
margin-left: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide .res-use-text div {
|
|
display: flex;
|
|
align-items: center
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide .res-use-text img {
|
|
max-width: 120px;
|
|
max-height: 60px;
|
|
vertical-align: bottom
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide .res-use-text h4 {
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
margin-left: 30px
|
|
}
|
|
|
|
.res-use-wrap .swiper-slide .res-use-text p {
|
|
margin-top: 10px;
|
|
line-height: 1.7;
|
|
color: #282b42
|
|
}
|
|
|
|
.res-use-wrap .swiper-button-prev {
|
|
top: 50%;
|
|
left: 0;
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 30px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: 10;
|
|
color: #6e7080;
|
|
transition: all .3s ease-in-out;
|
|
background-color: rgba(255,255,255,.4);
|
|
display: flex;
|
|
box-shadow: 0px 5px 5px 0px rgba(217,218,228,.2)
|
|
}
|
|
|
|
.res-use-wrap .swiper-button-prev i {
|
|
color: #fff;
|
|
font-size: 40px;
|
|
margin-left: -8px
|
|
}
|
|
|
|
.res-use-wrap .swiper-button-prev::after {
|
|
display: none;
|
|
font-size: 24px;
|
|
font-weight: bolder
|
|
}
|
|
|
|
.res-use-wrap .swiper-button-prev:hover {
|
|
color: #333;
|
|
background-color: rgba(255,255,255,.6)
|
|
}
|
|
|
|
.res-use-wrap .swiper-button-prev .swiper-button-disabled {
|
|
cursor: not-allowed;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.res-use-wrap .swiper-button-next {
|
|
top: 50%;
|
|
right: 0;
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 30px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: 10;
|
|
color: #6e7080;
|
|
transition: all .3s ease-in-out;
|
|
background-color: rgba(255,255,255,.4);
|
|
display: flex;
|
|
font-size: 36px;
|
|
box-shadow: 0px 5px 5px 0px rgba(217,218,228,.2)
|
|
}
|
|
|
|
.res-use-wrap .swiper-button-next i {
|
|
margin-left: 8px;
|
|
color: #fff;
|
|
font-size: 40px
|
|
}
|
|
|
|
.res-use-wrap .swiper-button-next::after {
|
|
display: none;
|
|
font-size: 24px;
|
|
font-weight: bolder;
|
|
margin-left: 5px
|
|
}
|
|
|
|
.res-use-wrap .swiper-button-next:hover {
|
|
color: #333;
|
|
background-color: rgba(255,255,255,.6)
|
|
}
|
|
|
|
.res-use-wrap .swiper-button-next .swiper-button-disabled {
|
|
cursor: not-allowed;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.market-use-wrap .flex-box {
|
|
max-width: 1100px;
|
|
justify-content: space-around
|
|
}
|
|
|
|
.market-use-wrap .item {
|
|
flex: 1;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.market-use-wrap .item h3 {
|
|
font-size: 18px
|
|
}
|
|
|
|
.market-use-wrap .item h3 span {
|
|
margin-right: 8px;
|
|
font-size: 40px;
|
|
font-weight: bold;
|
|
color: #e62b31;
|
|
font-style: italic
|
|
}
|
|
|
|
.market-use-wrap .item p {
|
|
font-size: 16px
|
|
}
|
|
|
|
.market-use-wrap .item:not(:last-child)::after {
|
|
content: "";
|
|
position: absolute;
|
|
right: 0;
|
|
top: 30%;
|
|
display: block;
|
|
width: 1px;
|
|
height: 60%;
|
|
background: #d2d2d2
|
|
}
|
|
|
|
.market-bottom-wrap {
|
|
padding: 80px 0;
|
|
background: url("../image/market_bottom_bg.png") no-repeat center bottom/cover;
|
|
text-align: center
|
|
}
|
|
|
|
.market-bottom-wrap h3 {
|
|
font-size: 24px;
|
|
color: #fff
|
|
}
|
|
|
|
.market-bottom-wrap p {
|
|
font-size: 18px;
|
|
color: #fff
|
|
}
|
|
|
|
.market-bottom-wrap p span {
|
|
font-size: 36px;
|
|
margin: 0 4px;
|
|
font-weight: bold
|
|
}
|
|
|
|
.solu-pain-wrap {
|
|
background: url("../image/res_pain_bg.png") no-repeat center bottom/cover
|
|
}
|
|
|
|
.solu-pain-wrap .solu-pain-box {
|
|
max-width: 1050px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.solu-pain {
|
|
width: 48%;
|
|
padding: 30px 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 500px;
|
|
height: 160px;
|
|
background: linear-gradient(145deg, #ffffff 0%, #f7f8fa 100%);
|
|
box-shadow: 0px 0px 12px 1px rgba(11,29,57,.1608);
|
|
border-radius: 5px 5px 5px 5px;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.solu-pain .solu-pain-img {
|
|
width: 45px
|
|
}
|
|
|
|
.solu-pain .solu-pain-img img {
|
|
max-width: 100%
|
|
}
|
|
|
|
.solu-pain .solu-pain-text {
|
|
flex: 1;
|
|
margin-right: 15%;
|
|
max-width: 100%;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.solu-pain .solu-pain-text h3 {
|
|
font-size: 18px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
margin-bottom: 15px;
|
|
color: #000;
|
|
overflow: hidden;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.solu-pain .solu-pain-text p {
|
|
font-size: var(--font-size);
|
|
line-height: 1.7;
|
|
max-width: 100%;
|
|
color: #525974;
|
|
transition: all .3s ease-in-out;
|
|
overflow: hidden
|
|
}
|
|
|
|
.solu-pain .solu-pain-text .less {
|
|
height: auto
|
|
}
|
|
|
|
.solu-pain .solu-pain-text .more {
|
|
height: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.solu-pain:hover {
|
|
transform: translateY(-8px)
|
|
}
|
|
|
|
.solu-pain:nth-child(n+3) {
|
|
margin-top: 40px
|
|
}
|
|
|
|
.solu-intro-wrap {
|
|
background: #f4f7fa url("../image/solu_intro_bg.png") no-repeat left bottom/cover
|
|
}
|
|
|
|
.solu-intro-wrap .solu-intro-box {
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
height: 332px
|
|
}
|
|
|
|
.solu-intro-wrap .solu-intro-box img {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.solu-intro {
|
|
width: 100%;
|
|
padding: 60px;
|
|
background: #fff url("../image/solu_intro.png") no-repeat 30px 30px
|
|
}
|
|
|
|
.solu-intro p {
|
|
color: #282b42;
|
|
line-height: 1.8;
|
|
width: 46%;
|
|
letter-spacing: .5px
|
|
}
|
|
|
|
.solu-intro p strong {
|
|
color: #333
|
|
}
|
|
|
|
.solu-tes-wrap {
|
|
background: url("../image/solu_tes_bg.png") no-repeat left bottom
|
|
}
|
|
|
|
.solu-tes-wrap .solu-tes-box {
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.solu-tes {
|
|
width: 24%;
|
|
height: 300px;
|
|
font-size: 24px;
|
|
color: #fff;
|
|
position: relative;
|
|
line-height: 300px;
|
|
text-align: center;
|
|
background: url("../image/solu_tes1.png") no-repeat left top/cover
|
|
}
|
|
|
|
.solu-tes .solu-tes-hover {
|
|
width: 100%;
|
|
padding: 0 5%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
line-height: 1.5;
|
|
font-size: 18px;
|
|
background-color: #1881c9;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
transition: all .4s ease-in-out
|
|
}
|
|
|
|
.solu-tes:hover .solu-tes-hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.solu-tes:nth-child(2) {
|
|
background: url("../image/solu_tes2.png") no-repeat left top/cover
|
|
}
|
|
|
|
.solu-tes:nth-child(3) {
|
|
background: url("../image/solu_tes3.png") no-repeat left top/cover
|
|
}
|
|
|
|
.solu-tes:nth-child(4) {
|
|
background: url("../image/solu_tes4.png") no-repeat left top/cover
|
|
}
|
|
|
|
.call-more-box {
|
|
max-width: 1180px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
transition: all .4s ease-in-out;
|
|
}
|
|
|
|
.call-more-box div.call-more {
|
|
width: 25%;
|
|
overflow: visible;
|
|
padding: 30px 25px 20px;
|
|
background-color: #fff;
|
|
border-top: 1px solid #e8ecf1;
|
|
border-left: 1px solid #e8ecf1;
|
|
text-align: center;
|
|
position: relative
|
|
}
|
|
|
|
.call-more-box div.call-more img {
|
|
max-height: 35px
|
|
}
|
|
|
|
.call-more-box div.call-more h3 {
|
|
font-size: 18px;
|
|
margin: 10px 0 5px
|
|
}
|
|
|
|
.call-more-box div.call-more p {
|
|
color: #6e7080;
|
|
font-size: 13px
|
|
}
|
|
|
|
.call-more-box div.call-more .order-hover {
|
|
cursor: default;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
background-color: #fff;
|
|
font-size: 16px;
|
|
padding: 0 26px;
|
|
color: #282b42;
|
|
z-index: 5;
|
|
opacity: 0;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.call-more-box div.call-more:nth-child(4n+4) {
|
|
border-right: 1px solid #e8ecf1
|
|
}
|
|
|
|
.call-more-box div.call-more:nth-child(n+13) {
|
|
border-bottom: 1px solid #e8ecf1
|
|
}
|
|
|
|
.call-more-box .call-more:hover {
|
|
cursor: defalut;
|
|
background-color: #f9fbfd;
|
|
z-index: 5;
|
|
transition: all .3s ease-in-out;
|
|
box-shadow: 1px 13px 29px 3px rgba(217,226,237,.74)
|
|
}
|
|
|
|
.advan-box {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.advan-box .advan {
|
|
width: 23%;
|
|
background-color: #fff;
|
|
padding: 30px 20px;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
transition: all .3s ease-in-out;
|
|
box-shadow: 0px 5px 40px 0px rgba(47,72,88,.07),0px 5px 40px 0px rgba(47,72,88,.07)
|
|
}
|
|
|
|
.advan-box .advan img {
|
|
width: 95px
|
|
}
|
|
|
|
.advan-box .advan h3 {
|
|
font-size: 18px;
|
|
line-height: 3;
|
|
color: #000
|
|
}
|
|
|
|
.advan-box .advan .advan-line {
|
|
margin: 10px auto 30px;
|
|
width: 34px;
|
|
height: 3px;
|
|
background-color: #e62b31
|
|
}
|
|
|
|
.advan-box .advan p {
|
|
text-align: left;
|
|
color: #6e7080;
|
|
line-height: 2
|
|
}
|
|
|
|
.advan-box .advan:hover {
|
|
transform: translateY(-8px)
|
|
}
|
|
|
|
.solu-swiper-wrap {
|
|
padding-bottom: 60px
|
|
}
|
|
|
|
.solu-swiper-wrap .title {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.solu-swiper-container {
|
|
max-width: 1300px;
|
|
margin: 0 auto;
|
|
padding: 0 60px 20px;
|
|
--swiper-pagination-color: $red
|
|
}
|
|
|
|
.solu-swiper-container .swiper-button-prev {
|
|
display: none;
|
|
width: 80px;
|
|
height: 80px;
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
color: rgba(0,0,0,0);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: 10;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 20px;
|
|
transform: translate(0, -50%);
|
|
box-shadow: 0px 16px 50px rgba(51,51,51,.1)
|
|
}
|
|
|
|
.solu-swiper-container .swiper-button-prev i {
|
|
text-indent: 15px;
|
|
font-size: 30px;
|
|
color: #1881c9
|
|
}
|
|
|
|
.solu-swiper-container .swiper-button-next {
|
|
display: none;
|
|
width: 80px;
|
|
height: 80px;
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
color: rgba(0,0,0,0);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: 10;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 20px;
|
|
transform: translate(0, -50%);
|
|
box-shadow: 0px 16px 50px rgba(51,51,51,.1)
|
|
}
|
|
|
|
.solu-swiper-container .swiper-button-next i {
|
|
text-indent: 25px;
|
|
font-size: 30px;
|
|
color: #1881c9
|
|
}
|
|
|
|
.solu-swiper-container .swiper-button-disabled {
|
|
box-shadow: 0px 16px 50px rgba(51,51,51,.1);
|
|
cursor: not-allowed;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.solu-swiper-container .swiper-button-disabled i {
|
|
color: #6e7080
|
|
}
|
|
|
|
.solu-swiper-container .swiper-pagination-bullet {
|
|
border-radius: 3px;
|
|
width: 30px !important;
|
|
height: 5px !important
|
|
}
|
|
|
|
.solu-swiper-container .swiper-pagination-bullet-active {
|
|
color: #1881c9 !important;
|
|
background-color: #1881c9;
|
|
border-radius: 3px;
|
|
width: 60px !important;
|
|
height: 5px !important
|
|
}
|
|
|
|
.solu-swiper-box {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 30px;
|
|
margin-top: -10px;
|
|
padding-top: 50px
|
|
}
|
|
|
|
.solu-swiper-box .swiper-slide {
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 36px 1px #dadde3;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.solu-swiper-box .swiper-slide .solu-left-img {
|
|
width: 34%;
|
|
height: auto;
|
|
font-size: 0
|
|
}
|
|
|
|
.solu-swiper-box .swiper-slide .solu-left-img img {
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.solu-right-text {
|
|
display: flex;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.solu-right-text .item {
|
|
margin-right: 50px
|
|
}
|
|
|
|
.solu-right-text .item img {
|
|
width: 8px
|
|
}
|
|
|
|
.solu-right-text .item span {
|
|
color: #7e84a5;
|
|
font-size: 36px
|
|
}
|
|
|
|
.solu-right-text .item i {
|
|
color: #7e84a5;
|
|
font-size: var(--font-size);
|
|
margin-left: -5px
|
|
}
|
|
|
|
.solu-right-text .item p {
|
|
font-size: var(--font-size);
|
|
color: #000
|
|
}
|
|
|
|
.solu-right {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
text-align: left;
|
|
padding: 30px 50px
|
|
}
|
|
|
|
.solu-right p {
|
|
font-size: var(--font-size);
|
|
letter-spacing: .5px;
|
|
line-height: 1.8;
|
|
color: #282b42
|
|
}
|
|
|
|
.solu-right p:nth-child(3) {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.solu-right .solu-right-line {
|
|
width: 50px;
|
|
height: 5px;
|
|
background-color: #1881c9;
|
|
margin: 15px 0 20px
|
|
}
|
|
|
|
.solu-right-head {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.solu-right-head img {
|
|
margin-right: 10px;
|
|
max-height: 65px
|
|
}
|
|
|
|
.solu-right-head h4 {
|
|
font-size: 18px
|
|
}
|
|
|
|
.solu-right .solu-right-bottom {
|
|
margin-top: 30px
|
|
}
|
|
|
|
.solu-right .solu-right-bottom i {
|
|
font-style: normal;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.solu-right .solu-right-bottom a {
|
|
font-size: var(--font-size);
|
|
color: #000;
|
|
margin-right: 20px
|
|
}
|
|
|
|
.solu-right .solu-right-bottom img {
|
|
max-width: 20px;
|
|
max-height: 20px;
|
|
margin-right: 5px;
|
|
vertical-align: text-bottom
|
|
}
|
|
|
|
.solu-right .solu-right-bottom .small {
|
|
max-width: 22px;
|
|
max-height: 22px
|
|
}
|
|
|
|
.source-link {
|
|
display: block
|
|
}
|
|
|
|
.source-box {
|
|
max-width: 1200px;
|
|
margin-bottom: 40px;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.source-box .source-img {
|
|
width: 315px;
|
|
min-height: 140px;
|
|
height: auto;
|
|
margin-right: 29px;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.source-box .source-img img {
|
|
max-width: 315px;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: all .5s ease-in-out
|
|
}
|
|
|
|
.source-box .source-img:hover img {
|
|
transform: scale(1.3)
|
|
}
|
|
|
|
.source-box .source-img:after {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: -1;
|
|
left: 0;
|
|
top: 0;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: all .3s ease-in-out
|
|
}
|
|
|
|
.source-box .source-img:hover:after {
|
|
z-index: 2;
|
|
background-color: rgba(0,0,0,.4)
|
|
}
|
|
|
|
.source-box .source-new {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.source-box .source-new h3 {
|
|
line-height: 1;
|
|
font-size: 18px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.source-box .source-new p {
|
|
color: #6e7080;
|
|
font-size: 16px;
|
|
line-height: 1.6
|
|
}
|
|
|
|
.source-box .source-new p:last-child {
|
|
line-height: 1
|
|
}
|
|
|
|
.source-box .source-new p:last-child a {
|
|
color: #e21616;
|
|
font-size: var(--font-size)
|
|
}
|
|
|
|
.source-box .source-new div {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.source-box .source-new span {
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
color: #6e7080
|
|
}
|
|
|
|
.source-box .source-new a img {
|
|
height: 24px
|
|
}
|
|
|
|
@media screen and (min-width: 768px)and (max-width: 991px) {
|
|
nav .nav-wrap {
|
|
height: 350px
|
|
}
|
|
|
|
nav .nav-wrap .box h1 {
|
|
font-size: 24px
|
|
}
|
|
|
|
nav .nav-wrap .box p {
|
|
font-size: var(--font-size)
|
|
}
|
|
|
|
.solu-intro-wrap .solu-intro-box {
|
|
height: auto
|
|
}
|
|
|
|
.solu-intro-wrap .solu-intro-box img {
|
|
width: 50%
|
|
}
|
|
|
|
.solu-intro {
|
|
width: 100%;
|
|
padding: 30px
|
|
}
|
|
|
|
.solu-intro p {
|
|
line-height: 1.7
|
|
}
|
|
|
|
.solu-tes {
|
|
width: 24%;
|
|
height: 200px;
|
|
font-size: 18px;
|
|
line-height: 200px
|
|
}
|
|
|
|
.solu-tes .solu-tes-hover {
|
|
font-size: 16px
|
|
}
|
|
|
|
.solu-tes .solu-tes-hover br {
|
|
display: none
|
|
}
|
|
|
|
.advan-box .advan {
|
|
width: 23%;
|
|
padding: 20px 10px
|
|
}
|
|
|
|
.advan-box .advan img {
|
|
width: 95px
|
|
}
|
|
|
|
.advan-box .advan h3 {
|
|
font-size: 16px;
|
|
line-height: 1.7
|
|
}
|
|
|
|
.advan-box .advan .advan-line {
|
|
margin: 10px auto 20px
|
|
}
|
|
|
|
.advan-box .advan p {
|
|
font-size: var(--font-size);
|
|
line-height: 1.7
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
nav .nav-wrap {
|
|
height: 350px
|
|
}
|
|
|
|
nav .nav-wrap .box {
|
|
justify-content: center
|
|
}
|
|
|
|
nav .nav-wrap .box h1 {
|
|
font-size: 24px;
|
|
text-align: center
|
|
}
|
|
|
|
nav .nav-wrap .box p {
|
|
font-size: var(--font-size);
|
|
text-align: center
|
|
}
|
|
|
|
.solu-intro-wrap .solu-intro-box {
|
|
height: auto
|
|
}
|
|
|
|
.solu-intro-wrap .solu-intro-box img {
|
|
width: 50%
|
|
}
|
|
|
|
.solu-intro {
|
|
width: 100%;
|
|
padding: 30px
|
|
}
|
|
|
|
.solu-intro p {
|
|
line-height: 1.7
|
|
}
|
|
|
|
.solu-tes-box {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.solu-tes {
|
|
width: 48%;
|
|
height: 200px;
|
|
font-size: 16px;
|
|
line-height: 200px;
|
|
margin-bottom: 3%
|
|
}
|
|
|
|
.solu-tes .solu-tes-hover {
|
|
font-size: var(--font-size)
|
|
}
|
|
|
|
.solu-tes .solu-tes-hover br {
|
|
display: none
|
|
}
|
|
|
|
.call-more-box {
|
|
max-width: 94%
|
|
}
|
|
|
|
.call-more-box div.call-more {
|
|
width: 25%;
|
|
padding: 5% 2%
|
|
}
|
|
|
|
.call-more-box div.call-more img {
|
|
max-height: 25px
|
|
}
|
|
|
|
.call-more-box div.call-more h3 {
|
|
font-size: var(--font-size);
|
|
margin: 10px 0 5px
|
|
}
|
|
|
|
.call-more-box div.call-more p {
|
|
color: #6e7080;
|
|
font-size: 13px
|
|
}
|
|
|
|
.advan-box .advan {
|
|
width: 48%;
|
|
padding: 20px 10px;
|
|
margin-bottom: 5%
|
|
}
|
|
|
|
.advan-box .advan img {
|
|
width: 95px
|
|
}
|
|
|
|
.advan-box .advan h3 {
|
|
font-size: 16px;
|
|
line-height: 1.7
|
|
}
|
|
|
|
.advan-box .advan .advan-line {
|
|
margin: 10px auto 20px
|
|
}
|
|
|
|
.advan-box .advan p {
|
|
font-size: var(--font-size);
|
|
line-height: 1.7
|
|
}
|
|
|
|
.solu-swiper-container {
|
|
max-width: 94%;
|
|
margin: 0 auto;
|
|
padding: 0
|
|
}
|
|
|
|
.solu-swiper-container .swiper-slide {
|
|
width: 100%;
|
|
margin: 0 !important;
|
|
padding: 0;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.solu-swiper-container .swiper-slide .solu-left-img {
|
|
width: 80%;
|
|
height: auto;
|
|
font-size: 0;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.solu-swiper-container .swiper-slide .solu-right {
|
|
width: 96%;
|
|
flex: none;
|
|
padding: 2%
|
|
}
|
|
|
|
.source-box {
|
|
max-width: 90%;
|
|
margin-bottom: 20px;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.source-box .source-img {
|
|
width: 80%;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.source-box .source-new {
|
|
flex: none;
|
|
max-width: 100%;
|
|
margin-bottom: 3%
|
|
}
|
|
|
|
.source-box .source-new h3 {
|
|
line-height: 1;
|
|
font-size: 18px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.source-box .source-new p {
|
|
width: 70%;
|
|
color: #6e7080;
|
|
font-size: 16px;
|
|
line-height: 1.6
|
|
}
|
|
|
|
.source-box .source-new p:last-child {
|
|
line-height: 1
|
|
}
|
|
|
|
.source-box .source-new p:last-child a {
|
|
color: #e21616;
|
|
font-size: var(--font-size)
|
|
}
|
|
|
|
.source-box .source-new div {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.source-box .source-new span {
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
color: #6e7080
|
|
}
|
|
|
|
.source-box .source-new a img {
|
|
height: 24px
|
|
}
|
|
}/*# sourceMappingURL=solu_market.css.map */ |