#index-page .mySwiper {
	position:relative
}
#index-page .swiper-slide {
	background:#fff;
	height:100%;
	width:200px
}
#index-page .swiper-pagination-bullet {
	background-color:#ff5100;
	border-radius:999px;
	display:block;
	height:14px;
	opacity:1;
	width:14px
}
#index-page .swiper-pagination {
	align-items:center;
	display:flex;
	justify-content:center
}
#index-page .banner .mySwiper {
	height:300px;
	overflow:hidden;
	width:100%
}
#index-page .banner .mySwiper .swiper-wrapper {
	height:100%
}
#index-page .banner .mySwiper .banner-1 {
	background-image:url(../image/banner-1.CJaJbnP8.jpg);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
	padding-top:20px
}
#index-page .banner .mySwiper .banner-1 h2 {
	color:#fff;
	font-size:18px;
	font-weight:700;
	line-height:1;
	margin-bottom:12px;
	text-shadow:-1px 3px 3px rgba(0, 39, 113, .4)
}
#index-page .banner .mySwiper .banner-1 h2 span {
	color:#ffc700;
	font-size:20px;
	text-shadow:-1px 3px 3px rgba(0, 39, 113, .4)
}
#index-page .banner .mySwiper .banner-1 .flex-box {
	display:flex;
	margin-bottom:20px
}
#index-page .banner .mySwiper .banner-1 .flex-box .a-box {
	align-items:center;
	display:flex;
	margin-right:12px
}
#index-page .banner .mySwiper .red-move-btn {
	font-size:12px;
	line-height:16px;
	margin-left:0;
	width:80px
}
#index-page .banner .mySwiper .banner-1 .flex-box .a-box img {
	margin-right:4px;
	width:20px
}
#index-page .banner .mySwiper .banner-1 .flex-box .a-box p {
	color:#fff;
	font-size:12px;
	line-height:1;
	text-shadow:-1px 3px 3px rgba(0, 39, 113, .4)
}
#index-page .banner .mySwiper .banner-2 img {
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	-o-object-position:center;
	object-position:center;
	width:100%
}
#index-page .banner .mySwiper .banner-3 {
	height:100%
}
#index-page .banner .mySwiper .banner-2 a, #index-page .banner .mySwiper .banner-3 a {
	display:block;
	height:100%
}
#index-page .banner .mySwiper .banner-3 a.pc-block {
	display:none
}
#index-page .banner .mySwiper .banner-3 img {
	height:100%;
	max-height:300px;
	-o-object-fit:cover;
	object-fit:cover;
	-o-object-position:center;
	object-position:center;
	width:100%
}
#index-page .banner .swiper-pagination-bullet {
	background-color:#ff5100;
	margin:0 2px;
	opacity:1
}
#index-page .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:transparent;
	border:2px solid #fff
}
#index-page h2.common-head {
	text-align:center
}
#index-page .four-cp .common-head h1, #index-page .four-cp .common-head h2, #index-page h2.common-head {
	color:#343434;
	font-size:24px;
	font-weight:700;
	letter-spacing:0;
	line-height:1
}
#index-page .four-cp .common-head {
	display:flex;
	justify-content:center
}
#index-page .four-cp {
	margin-bottom:20px;
	margin-top:28px
}
#index-page .four-cp h2 {
	margin-bottom:28px
}
#index-page .four-cp ul {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:20px;
	background-image:url(../image/lap.Bl9JJzRn.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
	padding-bottom:284px
}
#index-page .four-cp ul h3 {
	border-left:1px solid #4c61ff;
	color:#3b3b3b;
	font-size:18px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:1px;
	line-height:1;
	margin-bottom:16px;
	padding-left:20px
}
#index-page .four-cp ul li {
	padding-left:40px
}
#index-page .four-cp ul li p {
	color:#343434;
	font-size:16px;
	font-stretch:normal;
	font-weight:400;
	letter-spacing:1px;
	line-height:32px;
	white-space:nowrap
}
#index-page .software {
	margin-bottom:28px;
	margin-top:28px
}
#index-page .software h2 {
	margin-bottom:16px
}
#index-page .software .pic-box img {
	margin-bottom:12px;
	width:100%
}
#index-page .software .text-box p {
	color:#343434;
	font-size:16px;
	font-stretch:normal;
	font-weight:400;
	letter-spacing:0;
	line-height:32px
}
#index-page .software .text-box {
	margin-bottom:20px
}
#index-page .software ul {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:12px
}
#index-page .software ul li {
	border-bottom:1px solid #4c61ff;
	padding-bottom:16px
}
#index-page .software ul li h3 {
	color:#343434;
	font-size:18px;
	letter-spacing:0;
	line-height:1
}
#index-page .software ul li p {
	color:#343434;
	font-size:14px;
	font-weight:400;
	letter-spacing:0
}
#index-page .blue-sec {
	background-color:#182bba;
	margin-bottom:28px;
	padding:28px 0
}
#index-page .blue-sec h2 {
	color:#fff;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	margin-bottom:20px;
	text-align:center
}
#index-page .blue-sec p {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAYFBMVEUAAABMYf9MYf9MYf9MYf9MYf9MYf9MYf9MYf9MYf9MYf9MYf9MYf9MYf9MYf////9pe//J0P/O1P9zhP9hdP/b3//Y3P/Cyf+/xv+Xo/9abv/S1/+4wP+wuv+ps/+Ek/806pTIAAAADnRSTlMAVAb64NqsiVvk86aUB8hf6YEAAACgSURBVBjTbZHbEoMgDETDRQS1iVjbqr39/1+2JIVxKucly7LMJAEYrXpruqZXGgqqwR+Nyl6LO9riHVyFfygAHUSucXqJChq8qI2+jKI9OBFLMqNoB5brTPR85KgFwzUS4ZajBrpURqIF8ZqibPIwd6IZ8Uw0yXOHfLohlqjjli4cLFGfml8lKLdvDKfamNWFMMPeG6pLLmjvrDHWefmOD1gUEY6IbsluAAAAAElFTkSuQmCC);
	background-position:0;
	background-repeat:no-repeat;
	background-size:20px auto;
	color:#fff;
	font-size:18px;
	letter-spacing:0;
	line-height:20px;
	margin-bottom:20px;
	margin-left:20px;
	padding-left:32px
}
#index-page .blue-sec .red-move-btn {
	margin-top:20px
}
#index-page .blue-sec .a-box {
	margin-bottom:20px
}
#index-page .map img {
	width:100%
}
#index-page .map h2 {
	margin-bottom:20px
}
#index-page .banner, #index-page .map {
	margin-bottom:28px
}
#index-page .title-box {
	display:flex;
	justify-content:center
}
#index-page .title-box .common-title {
	display:inline;
	width:unset
}
#index-page .common-title {
	display:inline-block;
	font-size:20px;
	font-weight:700;
	line-height:1;
	margin-bottom:12px;
	text-align:center;
	width:100%
}
#index-page .under-title {
	background-color:#ff5100;
	height:2px;
	margin-left:auto;
	margin-right:auto;
	width:30px
}
#index-page .why-ava .under-title {
	margin-bottom:20px
}
#index-page .why-ava ul {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:12px;
	margin-bottom:28px
}
#index-page .why-ava ul li {
	align-content:center;
	align-items:center;
	display:flex;
	padding:12px 20px 12px 8px
}
#index-page .why-ava ul li img {
	display:block;
	height:84px;
	margin-right:12px;
	width:84px
}
#index-page .why-ava ul li h3 {
	color:#101820;
	font-size:16px;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	margin-bottom:8px;
	margin-top:8px
}
#index-page .why-ava ul li p {
	color:#5a5a5a;
	font-size:12px;
	font-stretch:normal;
	font-weight:400;
	letter-spacing:0;
	line-height:16px
}
#index-page .about-ava .under-title {
	margin-bottom:20px
}
#index-page .about-ava {
	background-color:#e1eaf9;
	padding:32px 0 0
}
#index-page .about-ava .w-1200px-container {
	background-image:url(../image/sec-2-bg-m.C54H4lU5.png);
	background-position:bottom -30px right;
	background-repeat:no-repeat;
	background-size:500px auto;
	padding-bottom:264px
}
#index-page .about-ava p {
	color:#5a5a5a;
	font-size:14px;
	font-stretch:normal;
	font-weight:400;
	letter-spacing:0;
	line-height:24px;
	margin-bottom:24px
}
#index-page .about-ava p:last-of-type {
	margin-bottom:0
}
#index-page .btn-box {
	display:flex;
	justify-content:center;
	margin-top:28px
}
#index-page .about-ava .btn-box {
	margin-top:28px
}
#index-page .about-ava {
	margin-bottom:28px
}
#index-page .plat .under {
	color:#5a5a5a;
	font-size:14px;
	letter-spacing:0;
	line-height:1;
	margin-bottom:16px;
	margin-top:12px;
	text-align:center
}
#index-page .plat .common-title {
	margin-bottom:0
}
#index-page .plat .under-title {
	margin-bottom:20px
}
#index-page .plat .a-card .text-box {
	height:242px;
	margin-left:auto;
	margin-right:auto;
	padding:12px
}
#index-page .plat .a-card .text-box h3 {
	color:#101820;
	font-size:18px;
	letter-spacing:0;
	line-height:1;
	margin-bottom:8px
}
#index-page .plat .a-card .text-box>p {
	color:#5a5a5a;
	font-size:12px;
	letter-spacing:0;
	line-height:16px;
	margin-bottom:12px
}
#index-page .plat .a-card .text-box li p {
	color:#5a5a5a;
	font-size:12px;
	line-height:20px
}
#index-page .plat .a-card .text-box li {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB6ElEQVQ4ja2VTUsbURSGn5koRFGpWGhTjEiNxRhrMY0b61qxBCq6cxfpovkh/QcFN+Ls3BS6mqZ/QIstYwMVwQ+0aDWNVbElFg0q6eLMxMncyKTFu7rznnOf+96vMxo+LZkqBYEQUDQNLeeXr90AaQZeAhPAsCe8ALwDZk1DK/gCk6nSGDAH3PcxkwemTUP74BZ1D+wVkKkBhp2TsceoDm1nmRpA1dpzx6lmw4LAJtDuzrrbCuOj8GLkWnv9Bpa+KMA9oNs0tHNnyWkvDKCtFSKdldrDMDQ2KMB2m1HewylvRmMDPOmF2CM4PoGNb3B1BcOD6iRuhm4vN+GNRjoh3if9lXV4+x6Of0H4AQzEoL5OASaSqVJQRy6t4m4gJu5+/IRFS/ZtPy/x/ihEu6u6DOlA0a3U10E4BNGIfG/vwvJX6S9asvyuDpmwuUkBFnXvcwrdg2cJ6OmSwdlVuLiU2MdlyB9CICAuh55W0kxDyzmHYjlivA/ij2XQ2pZAnFY4haUs/C6Iy8mxCp4F16c876j9PXCnBb7n4FNWIO628FlcBwLK9Zl3A2eQy8mfMzg4gtVNyB0oe8TRCWztwM4+bGyX5T2bcftPr1wcbCH9H7C0u+LcevnyK7BTqK/IQg6gtgJbBf5Pv4C/xAmfH79OJaEAAAAASUVORK5CYII=);
	background-position:left top 4px;
	background-repeat:no-repeat;
	background-size:12px 12px;
	margin-bottom:8px;
	padding-left:20px
}
#index-page .plat .a-card .text-box li:last-of-type {
	margin-bottom:0
}
#index-page .plat .a-card .pic-box {
	align-content:center;
	background-blend-mode:normal, normal;
	background-image:linear-gradient(0deg, #e9effb, #e1eaf9), linear-gradient(#dae3fb, #dae3fb);
	display:flex;
	height:308px;
	justify-content:center;
	width:100%
}
#index-page .plat .card-bg {
	box-shadow:0 3px 24px #00000038;
	margin-bottom:36px;
	position:relative
}
#index-page .plat .swiper-pagination {
	bottom:-24px
}
#index-page .plat .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:transparent;
	border:2px solid #ff5100
}
#index-page .plat {
	margin-bottom:28px
}
#index-page .more-thing {
	background-image:url(../image/sec-5-bg.D_d7mhpZ.jpg);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:28px;
	padding:28px 0
}
#index-page .more-thing .under-title {
	margin-bottom:20px
}
#index-page .more-thing ul {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:12px;
	margin-bottom:20px
}
#index-page .more-thing ul li {
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:350px auto;
	height:208px;
	padding-top:126px
}
#index-page .more-thing ul li h3 {
	color:#101820;
	font-size:14px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	text-align:center
}
#index-page .more-thing ul li p {
	color:#5a5a5a;
	font-size:12px;
	font-weight:400;
	text-align:center
}
#index-page .more-thing ul li:first-of-type {
	background-image:url(../image/sec-5-pic-1.CdFKnzth.png)
}
#index-page .more-thing ul li:nth-of-type(2) {
background-image:url(../image/sec-5-pic-2.BEoOFPKw.png)
}
#index-page .more-thing ul li:nth-of-type(3) {
background-image:url(../image/sec-5-pic-3.DZk61iYH.png)
}
#index-page .more-thing ul li:nth-of-type(4) {
background-image:url(../image/sec-5-pic-4.BI_GB9OV.png)
}
#index-page .more-thing ul li:nth-of-type(5) {
background-image:url(../image/sec-5-pic-5.B1eVs8bM.png)
}
#index-page .support .under-title {
	margin-bottom:20px
}
#index-page .support ul {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:12px
}
#index-page .support ul li h4 {
	background-color:#c3d5ff;
	border-radius:999px;
	color:#fff;
	display:block;
	font-size:18px;
	font-weight:700;
	line-height:40px;
	margin-right:16px;
	min-height:40px;
	min-width:40px;
	text-align:center
}
#index-page .support ul li {
	align-items:center;
	display:flex;
	margin-bottom:20px
}
#index-page .support ul li:last-of-type {
	margin-bottom:0
}
#index-page .support ul li h3 {
	color:#4c61ff;
	font-size:14px;
	font-weight:700;
	letter-spacing:0;
	margin-bottom:4px
}
#index-page .support ul li p {
	color:#101820;
	font-size:12px;
	letter-spacing:0;
	line-height:20px
}
#index-page .support {
	margin-bottom:32px
}
#index-page .article-sec .more {
	color:#2882c0;
	display:block;
	font-size:14px;
	letter-spacing:0;
	line-height:1;
	margin-bottom:12px;
	text-align:right;
	text-decoration:underline
}
#index-page .article-sec ul {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:20px
}
#index-page .article-sec ul li a {
	display:flex;
	height:100%
}
#index-page .article-sec ul li img {
	margin-right:20px;
	min-width:140px;
	-o-object-fit:cover;
	object-fit:cover;
	-o-object-position:center;
	object-position:center;
	width:140px
}
#index-page .article-sec ul li {
	background-color:#fff;
	border-radius:6px;
	box-shadow:0 1px 3px #34343433;
	overflow:hidden;
	padding-right:12px
}
#index-page .article-sec ul li h3 {
	color:#343434;
	font-size:16px;
	font-weight:700;
	line-height:1.2;
	-webkit-line-clamp:1;
	margin-bottom:12px;
	margin-top:12px
}
#index-page .article-sec ul li h3, #index-page .article-sec ul li p {
	display:-webkit-box;
	letter-spacing:0;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical
}
#index-page .article-sec ul li p {
	color:#5a5a5a;
	font-size:12px;
	font-stretch:normal;
	font-weight:400;
	line-height:20px;
	margin-bottom:16px;
	-webkit-line-clamp:2
}
#index-page .article-sec ul li time {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABB0lEQVQokX3SPy9EQRQF8N9uVqWS8BVQIOJDUNhoFOLp/Skk4psQoRCliMQ2Yis6jcqfEFR6GwmNRkNm3U3e5u3bk9xMMuecmTv3TCXLMjkMYxt1jMb2K86xi4+OtJozLeIZg1iNQ1KtYwgvoWmjljPtYA53unETdYSLYBrJOIIDzOJeORI3j0tcp1Y3cdzD9NvjiIfQbiXjAk4LknIkbT0Zx3FbKisizWCsVtgub7cS6wB+qpHTTMHyL8xXBxN4q0a4WcFWjhU0U6t7eIqc0tT6YQpL6dZ0YwsbEe50H1fimqFtdYbTiLdcRU4neAxuMtpbxlpou/7qWUTzjUN84h37+AqubYI/JuI1WXChXBMAAAAASUVORK5CYII=);
	background-position:0;
	background-repeat:no-repeat;
	background-size:auto 100%;
	color:#5a5a5a;
	display:block;
	font-size:12px;
	letter-spacing:0;
	line-height:1;
	margin-bottom:12px;
	padding-left:20px
}
#index-page .article-sec {
	margin-bottom:28px;
	margin-top:28px
}
#index-page .article-sec .under-title {
	margin-bottom:20px
}
#index-page .article-sec {
	background-color:#e1eaf9;
	padding:28px 0
}
#index-page .steps ul {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:12px;
	margin-bottom:28px
}
#index-page .steps ul li img {
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto
}
#index-page .steps ul li p {
	color:#101820;
	font-size:16px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	text-align:center
}
#index-page .common-title.pc-block {
	display:none
}
#index-page .steps .under-title {
	margin-bottom:12px
}
#index-page .steps {
	margin-bottom:28px
}
#index-page .plat .mt4 .a-card .pic-box img {
	height:190px;
	margin-left:4px;
	margin-top:60px;
	width:342px
}
#index-page .plat .web .a-card .pic-box img {
	height:196px;
	margin-left:16px;
	margin-top:50px;
	width:315px
}
#index-page .plat .mt5 .a-card .pic-box img {
	height:210px;
	margin-left:2px;
	margin-top:56px;
	width:350px
}
#index-page .plat .app .a-card .pic-box img {
	width:258px
}
@media (min-width:1200px) {
#index-page .plat .app .a-card .pic-box img {
width:258px
}
#index-page .red-move-btn {
font-weight:400
}
#index-page .steps {
margin-bottom:60px
}
#index-page .steps ul li:first-of-type {
margin-right:146px
}
#index-page .steps ul li:nth-of-type(2) {
margin-right:144px
}
#index-page .steps ul li:nth-of-type(3) {
margin-right:146px
}
#index-page .steps ul {
display:flex;
grid-gap:0;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAHCAYAAAC8wZs3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkUlEQVQ4jd3VPQrCQBDF8V9ge72JRzAH2MLKfi/hoSxE8aNOaSl4CUUESytjoZWgxsIN5F8NzCsew8ybIqZaR6lwxAobnD+JQwZDbdHHEGPcsMUSa+xfxUVM9TyjuZyU6L3pHTDzGEyFaxFT3dnbaMgJk4BF207+ROmHjQgY5XDVAjsMnvXXjOhyWF4w1fBr3AEnBCNgRr+3SAAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAHCAYAAAC8wZs3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkUlEQVQ4jd3VPQrCQBDF8V9ge72JRzAH2MLKfi/hoSxE8aNOaSl4CUUESytjoZWgxsIN5F8NzCsew8ybIqZaR6lwxAobnD+JQwZDbdHHEGPcsMUSa+xfxUVM9TyjuZyU6L3pHTDzGEyFaxFT3dnbaMgJk4BF207+ROmHjQgY5XDVAjsMnvXXjOhyWF4w1fBr3AEnBCNgRr+3SAAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAHCAYAAAC8wZs3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkUlEQVQ4jd3VPQrCQBDF8V9ge72JRzAH2MLKfi/hoSxE8aNOaSl4CUUESytjoZWgxsIN5F8NzCsew8ybIqZaR6lwxAobnD+JQwZDbdHHEGPcsMUSa+xfxUVM9TyjuZyU6L3pHTDzGEyFaxFT3dnbaMgJk4BF207+ROmHjQgY5XDVAjsMnvXXjOhyWF4w1fBr3AEnBCNgRr+3SAAAAABJRU5ErkJggg==);
background-position:left 294px bottom 5px, left 558px bottom 5px, left 824px bottom 5px;
background-repeat:no-repeat;
background-size:66px 7px;
justify-content:center;
margin-bottom:60px
}
#index-page .steps .under-title {
margin-bottom:28px
}
#index-page .common-title.pc-block {
display:inline-block
}
#index-page .common-title.m-block {
display:none
}
#index-page .steps ul li p {
font-size:20px
}
#index-page .article-sec {
padding:60px 0
}
#index-page .article-sec .under-title {
margin-bottom:40px
}
#index-page .article-sec {
margin-bottom:48px;
margin-top:60px
}
#index-page .article-sec ul li img {
height:152px;
min-width:200px;
width:200px
}
#index-page .article-sec ul li time {
font-size:14px;
margin-bottom:16px
}
#index-page .article-sec ul li p {
font-size:14px;
line-height:24px;
margin-bottom:24px
}
#index-page .article-sec ul li h3 {
font-size:18px;
margin-bottom:12px;
margin-top:16px
}
#index-page .article-sec ul {
grid-template-columns:repeat(2, 1fr);
grid-gap:20px 32px
}
#index-page .article-sec .more {
font-size:20px;
margin-bottom:20px
}
#index-page .article-sec ul li {
padding-right:24px
}
#index-page .support {
margin-bottom:72px
}
#index-page .support ul li:first-of-type {
margin-bottom:16px
}
#index-page .support ul li:nth-of-type(5) {
margin-bottom:30px
}
#index-page .support ul li:nth-of-type(6) {
margin-bottom:32px
}
#index-page .support ul li {
margin-bottom:24px
}
#index-page .support .flex-box img {
margin-top:20px
}
#index-page .support .flex-box {
display:flex;
padding-left:12px
}
#index-page .support ul {
display:block;
margin-left:50px
}
#index-page .support ul li p {
font-size:14px;
line-height:20px
}
#index-page .support ul li h3 {
font-size:18px;
margin-bottom:0
}
#index-page .support .under-title {
margin-bottom:40px
}
#index-page .more-thing ul li {
background-size:380px auto;
height:224px;
padding-top:130px;
width:380px
}
#index-page .more-thing ul {
display:flex;
flex-wrap:wrap;
gap:30px;
justify-content:center;
margin-bottom:40px
}
#index-page .more-thing ul li p {
font-size:16px
}
#index-page .more-thing ul li h3 {
font-size:20px;
margin-bottom:4px
}
#index-page .more-thing .under-title {
margin-bottom:40px
}
#index-page .more-thing {
margin-bottom:60px;
padding:60px 0
}
#index-page .plat {
margin-bottom:60px
}
#index-page .plat .swiper-pagination {
bottom:-20px
}
#index-page .plat .a-card .pic-box {
height:unset;
padding:12px 0
}
#index-page .plat .web .a-card .pic-box img {
height:unset;
margin-left:48px;
margin-top:28px;
width:451px
}
#index-page .plat .mt5 .a-card .pic-box img {
height:unset;
margin-left:48px;
margin-top:0;
width:497px
}
#index-page .plat .card-bg {
background-image:url(../image/sec-3-card.yhIcCwN-.png);
background-repeat:no-repeat;
background-size:100% 100%;
box-shadow:none;
margin-bottom:52px;
padding:18px 20px 24px 54px
}
#index-page .plat .mt4 .a-card .pic-box img {
height:unset;
margin-left:48px;
margin-top:28px;
min-width:505px;
width:505px
}
#index-page .plat .a-card {
display:flex;
height:328px
}
#index-page .plat .w-1200px-container {
max-width:1239px
}
#index-page .plat .a-card .text-box {
height:unset;
min-width:567px;
padding:28px 36px 38px 0
}
#index-page .plat .a-card .text-box li {
background-position:0 0;
background-size:20px 20px;
margin-bottom:16px;
padding-left:28px
}
#index-page .plat .a-card .text-box li p {
font-size:16px;
line-height:20px
}
#index-page .plat .a-card .text-box li:first-of-type p {
white-space:nowrap
}
#index-page .plat .a-card .text-box>p {
font-size:16px;
line-height:24px;
margin-bottom:20px
}
#index-page .plat .a-card .text-box h3 {
font-size:28px;
margin-bottom:12px
}
#index-page .plat .under-title {
margin-bottom:40px
}
#index-page .about-ava {
margin-bottom:60px
}
#index-page .plat .under {
font-size:18px;
margin-bottom:28px;
margin-top:20px
}
#index-page .about-ava .btn-box {
margin-top:60px
}
#index-page .about-ava .w-1200px-container {
background-image:url(../image/pc-about-bg2.DVQR8Vwb.png);
background-position:top 120px right -16px;
background-repeat:no-repeat;
background-size:553px auto;
padding:68px 0 60px
}
#index-page .about-ava .word-box {
text-align:right
}
#index-page .about-ava p {
font-size:18px;
line-height:30px;
margin-bottom:30px;
max-width:632px;
text-align:justify
}
#index-page .about-ava {
background-image:url(../image/pc-about-bg1.yr5SQlcI.png);
background-position:top;
background-repeat:no-repeat;
background-size:cover;
padding:0
}
#index-page .about-ava .under-title {
margin-bottom:40px
}
#index-page .why-ava ul {
background-image:url(data:image/png;base64,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);
background-position:top;
background-repeat:no-repeat;
background-size:1197px auto;
grid-template-columns:repeat(3, 1fr);
margin-bottom:60px
}
#index-page .why-ava ul li div {
display:flex;
flex-direction:column;
justify-content:center
}
#index-page .why-ava ul li p {
font-size:16px;
line-height:24px
}
#index-page .why-ava ul li h3 {
font-size:20px;
margin-bottom:10px;
margin-top:0
}
#index-page .why-ava ul li img {
margin-right:20px
}
#index-page .why-ava ul li {
align-items:center;
padding:28px 32px 28px 16px
}
#index-page .why-ava .under-title {
margin-bottom:40px
}
#index-page .under-title {
height:3px;
width:60px
}
#index-page .common-title {
font-size:30px;
margin-bottom:28px
}
#index-page .banner {
margin-bottom:60px
}
#index-page .banner .mySwiper .banner-3 img {
max-height:530px
}
#index-page .banner .mySwiper .banner-3 a.pc-block {
display:block
}
#index-page .banner .mySwiper .banner-3 a.m-block {
display:none
}
#index-page .map h2 {
margin-bottom:40px
}
#index-page .map {
margin-bottom:60px
}
#index-page .blue-sec .flex-box {
display:flex;
justify-content:center
}
#index-page .blue-sec .a-box {
margin-bottom:0;
margin-right:280px
}
#index-page .blue-sec .a-box:last-of-type {
margin-right:0
}
#index-page .blue-sec p {
font-size:20px;
margin-bottom:40px;
margin-left:0;
padding-left:40px
}
#index-page .blue-sec .red-move-btn {
margin-top:40px
}
#index-page .blue-sec h2 {
font-size:36px;
margin-bottom:40px
}
#index-page .blue-sec {
background-image:url(../image/blue-sec-bg.B8zHThcH.jpg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
margin-bottom:60px;
padding:60px 0
}
#index-page .software ul {
grid-template-columns:repeat(2, 1fr);
grid-gap:32px 72px
}
#index-page .software ul li {
border-bottom:2px solid #4c61ff;
padding-bottom:32px
}
#index-page .software ul li p {
font-size:16px;
line-height:36px
}
#index-page .software ul li h3 {
font-size:20px;
margin-bottom:12px
}
#index-page .software .flex-box {
display:flex
}
#index-page .software .text-box {
margin-bottom:0;
margin-right:auto;
width:567px
}
#index-page .software .text-box p {
font-size:18px;
line-height:38px
}
#index-page .software .pic-box {
order:2
}
#index-page .software .pic-box img {
margin-bottom:0;
width:493px
}
#index-page .software h2 {
margin-bottom:32px;
text-align:left
}
#index-page .software {
margin-bottom:60px;
margin-top:60px
}
#index-page .four-cp ul {
grid-template-columns:repeat(2, 1fr);
grid-gap:60px 608px;
background-position:top;
background-size:475px auto;
padding:32px 0 28px
}
#index-page .four-cp ul li {
padding-left:0
}
#index-page .four-cp ul li p {
font-size:20px;
line-height:36px
}
#index-page .four-cp ul h3 {
border-left:2px solid #4c61ff;
font-size:24px
}
#index-page .four-cp {
margin-bottom:40px;
margin-top:52px
}
#index-page .four-cp h2 {
margin-bottom:60px
}
#index-page .four-cp .common-head h1, #index-page .four-cp .common-head h2, #index-page h2.common-head {
font-size:36px
}
#index-page .swiper-pagination {
/*bottom:60px*/ display:none
}
#index-page .banner .mySwiper .banner-1 .flex-box {
margin-bottom:84px
}
#index-page .banner .mySwiper .banner-1 .flex-box .a-box p {
font-size:36px
}
#index-page .banner .mySwiper .banner-1 .flex-box .a-box {
margin-right:16px
}
#index-page .banner .mySwiper .banner-1 .flex-box .a-box img {
margin-right:16px;
width:40px
}
#index-page .banner .mySwiper .banner-1 h2 span {
font-size:68px;
line-height:52px
}
#index-page .banner .mySwiper .banner-1 h2 {
font-size:54px;
height:52px;
line-height:52px;
margin-bottom:60px
}
#index-page .banner .mySwiper .banner-1 {
padding-top:112px
}
#index-page .banner .mySwiper {
height:530px
}
#index-page .banner .mySwiper .red-move-btn {
font-size:24px;
line-height:72px;
width:320px
}
}
