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 */