body {
	/* background: #fafbfe; */
}

a {
	text-decoration: none;
}
p,h1,h2,h3,h4,h5 {
	color: #33354d;
}

footer a,footer p,footer h4{
	color: #fff;
}

.sm-hide {}

@media (max-width: 576px) {
	.sm-hide {
		display: none !important;
	}
}

.lg-hide {
	display: none;
}

@media (max-width: 576px) {
	.lg-hide {
		display: block !important;
	}
}


.sm-order-first {}

@media (max-width: 576px) {
	.sm-order-first {
		order: -1;
	}
}

.navbar-nav a {
	color: rgba(0, 0, 0, 0.7);
	padding: 1.5rem 1rem;
	transition: 0.1s ease;
	margin-bottom: 3px;
}

@media (max-width: 576px) {
	.navbar-nav a {
		padding: 0.5rem;
	}
}

.navbar-nav a:hover {
	color: #0068ff;

}

.navbar-head-info {
	margin: 0 1rem 3px 2rem;
	display: flex;
	align-items: center;
}

@media (max-width: 576px) {
	.navbar-head-info {
		margin: auto;
	}
}


.navbar-head-info .btn {
	border: 1px solid;
	color: #0068ff;
	padding: 0.75rem 2rem;
	font-size: 1rem;
	margin: auto 0.5rem;
	border-radius: 0.25rem;
	transition: 0.3s ease;
}

.navbar-head-info .btn {
	background: #3989f7;
	color: #fff;
	border: 0px;
}

.navbar-head-info .btn:hover {
	opacity: 0.8;
}

.navbar-head-info span {
	padding: 0.5rem 0.5rem;
	color: rgba(0, 0, 0, 0.5);
	font-weight: 900;
}

.navbar-head-info .num {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 2rem;
	transition: 0.3s ease;
}
.banner-text{font-size:24px;padding:24px 0;}
.banner-text p{margin: 0;padding-left: 30px;background-image: url(../images/mark.png);background-repeat: no-repeat;background-position: left center;}
.banner-text-2{font-size:24px;width:90%;}
.banner-text-2 div{font-size: 24px;font-family: HelveticaNeue-CondensedBold, HelveticaNeue;background: linear-gradient(90deg, #FF3D48 0%, #0829c3 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight:700;font-style: italic;padding: 5px 0;}
  .content-top-text {
    font-size: 42px;font-weight:700;
  	position:relative;
}
  .content-top-text span{
	font-size: 42px;font-weight:700;
}
  .custom-width {  
    width: 1600px;
  	 display:flex;
    justify-content: center;
}
.banner-handle {
    margin-top: 30px;
    display: flex;
}

.banner-handle .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 166px;
    height: 45px;
    text-align: center;
    border-radius: 10px;
    font-size: 20px;
}

.banner-handle .btn-know {
    color: #314354;
    border:1px solid #008dfc;
    margin-right: 16px;

}
.banner-handle .btn-experience, .wrapper .banner .banner-desc .banner-handle .btn-ai {
    color: #fff;
    background-image: linear-gradient(90deg,#ff981e,#ff853d);
    margin-right: 16px;
}

@media (max-width: 576px) {
	.banner-info .yuan {
		width: 20rem;
		height: 20rem;
	}
}

.banner-info p {
	color: rgba(0, 0, 0, 0.5);
	margin-top: 1rem;
	margin-bottom: 2rem;
	font-size: 1.25rem;
	font-weight: bold;
}

@media (max-width: 576px) {
	.banner-info p {
		margin-bottom: 1rem;
		font-size: 0.9rem;
		width: 100%;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 0.5rem;
		padding: 0.5rem;
		box-shadow: 0 0 1.25rem rgb(0 0 0 / 5%);
	}
}

.banner-info .input-group {
	max-width: 25rem;
}

.banner-info .form-control {
	border: 2px solid #0369ff;
	border-radius: 2rem 0 0 2rem;
	padding: 0rem 1rem 0rem 2rem;
}

.banner-info .btn {
	border: 0px;
	background: linear-gradient(90deg, #0067ff 0%, #0067ffbb 100%);
	color: #fff;
	border-radius: 0 2rem 2rem 0;
	padding: 0.75rem 2rem 0.75rem 1.5rem;
	transition: 0.3s ease;
	opacity: 1;
}

.banner-info .btn:hover {
	opacity: 0.8;
}

.banner-img {}

@media (max-width: 576px) {
	.banner-img {
		position: absolute;
		margin-top: 3rem;
		z-index: -1;
		overflow: hidden;
	}

	.banner-img img {
		margin: auto;
		width: 120%;
	}
}

.cont-title {
	font-size: 2.5rem;
	text-align: center;
	font-weight: bold;
}

@media (max-width: 576px) {
	.cont-title {
		font-size: 1.5rem;
	}
}


.cont-p {
	text-align: center;
	color: rgba(0, 0, 0, 0.5);
	margin-bottom: 2rem;
	font-size: 1.5rem;
}

@media (max-width: 576px) {
	.cont-p {
		font-size: 0.9rem;
		margin-bottom: 1rem;
	}
}

.item-card {
	border-radius: 0.725rem;
	padding: 1rem 1rem 2rem;
	margin-bottom: 1rem;
	box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%);
	background: #fff;
	position: relative;
	overflow: hidden;
	transition: 0.3s ease;
}

@media (max-width: 576px) {
	.item-card {
		padding: 1rem 0;
	}
}

.item-card:hover {
	transform: translateY(-0.5rem);
}

@media (max-width: 576px) {
	.item-card:after {
		display: none;
	}
}

.item-card-img {
	display: block;
	margin: auto;
	max-width: 100%;
}

@media (max-width: 576px) {
	.item-card-img {
		width: 3rem;
	}
}

.item-card-tit {
	font-size: 1.5rem;
	font-weight: bold;
	background: linear-gradient(90deg, #0067ff 0%, #0067ffbb 100%);
	-webkit-background-clip: text;
	color: transparent;
	margin: 1rem auto;
}

@media (max-width: 576px) {
	.item-card-tit {
		margin: 0.5rem auto;
		font-size: 1rem;
		padding: 0 1.25rem;
		text-align: center;
	}
}

.item-card-sub {
	font-size: 0.9rem;
	color: rgba(0, 0, 0, 0.8);
	font-weight: bold;
}

@media (max-width: 576px) {
	.item-card-sub {
		font-size: 0.5rem;
		color: #888;
		font-weight: 400;
	}
}

.item-card hr {
	width: 10rem;
	margin: 1rem auto;
}

@media (max-width: 576px) {
	.item-card hr {
		margin: 0.5rem auto;
		display: none;
	}
}

.item-card-p {
	color: rgba(0, 0, 0, 0.4);
	font-size: 0.9rem;
}

@media (max-width: 576px) {
	.item-card-p {
		font-size: 0.5rem;
		padding: 0 1.25rem;
	}
}

.item-card-btn {
	padding: 0.5rem 1.5rem;
	font-size: 1rem;
	margin: auto;
	border-radius: 0.5rem;
	transition: 0.3s ease;
	background: #3989f7;
	color: #fff;
	border: 0px;
	transition: 0.3s ease;
	opacity: 1;
}

@media (max-width: 576px) {
	.item-card-btn {
		display: block;
	}
}

.main {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

@media (max-width: 576px) {
	.main {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
}

.main-cont {

	position: relative;
}

@media (max-width: 576px) {
	.main-cont {
		margin: 0.5rem auto;
	}
}

.main-cont span {
	font-size: 3rem;
	font-weight: bolder;
	color: rgba(0, 0, 0, 0.8);
	background: linear-gradient(90deg, #0067ff 0%, #408dffc7 100%);
	-webkit-background-clip: text;
	color: transparent;
}

@media (max-width: 576px) {
	.main-cont span {
		font-size: 1.5rem;
		margin-bottom: 0.5rem;
		display: block;
	}
}

.main-cont-tit {
	font-size: 2rem;
	font-weight: bold;
}

@media (max-width: 576px) {
	.main-cont-tit {
		font-size: 1.25rem;
		margin-bottom: 0.5rem;
	}
}

.main-cont p {
	color: rgba(0, 0, 0, 0.5);
	margin-bottom: 1rem;
}
.main-cont h2 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 2rem;
}


.main-cont .btn {
	padding: 0.75rem 2.5rem;
	font-size: 1rem;
	margin: auto;
	border-radius: 0.5rem;
	transition: 0.3s ease;
	background: #3989f7;
	color: #fff;
	border: 0px;
	transition: 0.3s ease;
	opacity: 1;
}

.main-cont .btn:hover {
	opacity: 0.8;
}

.main-cont .btn.btn-w {
	color: #0068ff;
	border: 1px solid #0068ff;
	background: #fff;
}

.main-cont-img {
	width: 100%;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 0px 1.25rem rgb(14 17 20 / 10%);
	padding: 0rem;
	background: #fff;
}

/* 背景图标 */

.iconSpan1 {

	background: url(../images/bg-03.png);
	position: absolute;
	width: 67rem;
	height: 34rem;
	background-size: cover;
	top: 4rem;
	left: -34rem;
	z-index: -2;

}

@media (max-width: 576px) {
	.iconSpan1 {
		display: none;
	}
}

.iconSpan2 {

	background: url(../images/bg-02.png) no-repeat;
	height: 33px;
	display: block;
	width: 4rem;
	position: absolute;
	z-index: -1;
	right: 2rem;
	top: 3rem;

}

@media (max-width: 576px) {
	.iconSpan2 {
		right: 0;
		opacity: 0.5;
	}
}

.iconSpan3 {
	width: 5rem;
	height: 5rem;
	display: block;
	position: absolute;
	background: linear-gradient(163deg, #c5ecff 0%, #b8d4fd00 100%);
	z-index: -1;
	border-radius: 500%;
	left: -4rem;
	top: 1rem;
}


/* 悬浮边侧栏 */
.fix-bar {
	position: fixed;
	z-index: 111;
	display: block;
	right: 0;
	bottom: 30vh;
	border-radius: 0.5rem 0 0 0.5rem;
	background: linear-gradient(178deg, #0067ff 0%, #0067ffbb 100%);
}

@media (max-width: 576px) {
	.fix-bar {
		display: none;
	}
}

.fix-bar-btn {
	height: 4rem;
	width: 4rem;
	position: relative;
	display: block;
	border-top: 1px solid #fff;
}

.fix-bar-btn:first-child {
	border-top: 0px;
}

#fix-box-1 {
	opacity: 0;
	width: 9rem;
	padding: 1rem 0;
	background: #fff;
	border: 2px solid #0168ff;
	border-radius: 0.5rem;
	position: absolute;
	right: 0;
	transition: 0.3s 0.3s ease;
	box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%);
}

#fix-box-1 p {
	font-weight: bold;
	margin: auto;
}

#fix-box-2 {
	width: 6rem;
	height: 6rem;
	opacity: 0;
	border: 2px solid #0168ff;
	border-radius: 0.5rem;
	position: absolute;
	overflow: hidden;
	right: 0;
	transition: 0.3s 0.3s ease;
	box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%);
}

#fix-box-2 img {
	width: 100%;
	height: 100%;
}

#fix-btn-1:hover #fix-box-1,
#fix-btn-2:hover #fix-box-2 {
	opacity: 1;
	right: 5rem !important;
}

/* 证书幻灯片 */
.swiper-slide img {
	width: 14rem;
	margin: auto;
	display: block;
}

/* 新闻 */

.blog-card {
	/* border-radius: 0.725rem; */
	 
	padding: 0rem;
	margin-bottom: 2rem;
	/* box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%); */
	background: #fff;
	position: relative;
	overflow: hidden;
	transition: 0.3s ease;
}

.blog-card:hover {
	/* transform: translateY(-0.5rem); */
}

.blog-card img {
	width: 100%;
}
.blog-card.active{
	padding: 1rem;
	border-radius: 0.725rem;
	box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%);
}

.blog-card-img {
	height: 8rem;
	min-width: 12rem;
	background-size: cover;
	background-position: center;
	display: block;
	border-radius: 0.5rem;
}

.blog-card-info {
	padding: 1rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.blog-card-tit {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: left;
	color: #33354d;
	transition: 0.3s ease;
	line-height: 2rem;
	display: flex;
}

.blog-card-tit:hover {
	color: #0067ff;
}

.blog-card-tit span {
	font-size: 0.75rem;
	padding: 0rem 1.25rem;
	background: #3989f7;
	border-radius: 1rem;
	margin-right: 1rem;
	color: #fff;
	font-weight: 100;
}

.blog-card-p {
	font-size: 0.9rem;
	color: #33354d;
	text-align: left;
	font-weight: 100;
	margin: 0 0 auto;
	padding-bottom: 1rem;
}

.blog-card-viw {
	font-size: 0.8rem;
	color: #9397ad;
	margin-bottom: auto;
	display: block;
}

.blog-card-day {
	font-size: 0.8rem;
	color: #9397ad;
	margin-left: auto;
	margin-bottom: auto;
}

.blog-btn {
	padding: 0.75rem 2rem;
	font-size: 1rem;
	border-radius: 0.25rem;
	transition: 0.3s ease;
	background: linear-gradient(270deg, #165BFE 0%, #2E7AFF 100%);
	color: #fff;
	border: 0px;
	display: block;
	margin: auto;
	transition: 0.3s ease;
	opacity: 1;
}

.blog-btn:hover {
	opacity: 0.8;
}

.blog-btn a {
	display: block;
	color: #fff;
}

/* 新闻页面 */
/* 新闻页banner */

.blog-banner {
	background-size: cover;
	background-position-y: bottom;
	position: relative;
	margin-bottom: 2rem;
}

@media (max-width: 576px) {
	.blog-banner {
		margin-bottom: 1rem;
	}
}

.blog-banner-color {
	background-image: linear-gradient(310deg, #2152ff, #21d4fd);
	opacity: 0.7;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.blog-banner-info {
	position: relative;
	padding: 2rem 0;
	align-items: center;
	margin: auto;
}

.blog-banner-tit {
	padding: 1rem 0;
	margin: auto;
	z-index: 1;
	position: relative;
	font-size: 3rem;
	font-weight: bold;
	color: #fff;
}

@media (max-width: 576px) {
	.blog-banner-tit {
		padding: 0;
		margin-bottom: 1rem;
		text-align: center;
		font-size: 2rem;
	}
}

.blog-banner-tit a {
	color: #fff;
	transition: 0.3s ease;
}

.blog-banner-tit a:hover {
	color: #fff;
	opacity: 0.8;
}

.blog-banner-p {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 3rem;
	color: #d5eeff;
}

@media (max-width: 576px) {
	.blog-banner-p {
		margin-bottom: 1rem;
		font-size: 1.5rem;
		text-align: center;
	}
}

.blog-banner .btn {
	font-size: 1rem;
	background: #fff;
	border-radius: 0.25rem;
	color: #33354d;
	padding: 0.5rem 1.5rem;
	font-weight: bold;
}

@media (max-width: 576px) {
	.blog-banner .btn {
		margin: auto;
		display: block;
		margin-bottom: 2rem;
	}
}

.blog-banner-video {
	max-width: 100%;
	border-radius: 0.5rem;
}

/* 新闻页banner */


.blog-main {
	padding: 2rem 2rem 4rem;
	border-radius: 1rem;
	margin-bottom: 4rem;
	background: #fff;
	box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%);
}

@media (max-width: 576px) {
	.blog-main {
		padding: 1rem;
	}
}

.blog-main-tit {
	color: #33354d;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.blog-main-info {
	margin-right: 1.5rem;
	margin-bottom: auto;
	font-size: .9rem;
	color: #9397ad;
}

.blog-main-des {
	font-size: 1rem;
	color: #33354d;
	padding: 2rem 0;
}

.blog-main-des p {
	font-size: 1rem;
	color: #33354d;
}

.blog-main-des img {
	max-width: 100%;
}

.blog-list-tit {
	border-bottom: 1px solid;
	padding-bottom: 0.5rem;
	font-weight: bold;
}

.blog-list-tit span {
	font-size: 1rem;
	float: right;
	font-weight: 100;
	padding: 0.5rem;
	color: #33354d;
}

.blog-list-group {
	padding: 0;
}

.blog-list-group li {
	width: 100%;
	display: block;
	padding: 1rem 0.75rem;
	border-radius: 0.5rem;
	background: #fff;
	margin-bottom: 0.5rem;
	box-shadow: 0 0 0.25rem rgb(0 0 0 / 5%);
	transition: 0.3s ease;
}

.blog-list-group li:hover {
	transform: translateY(-3px);
}


.blog-list-group li a {
	color: #33354d;
	transition: 0.3s ease;
	display: block;
}

.blog-list-group li a:hover {
	color: #4965f6;
}

.blog-list-group li span {
	color: #9397ad;
	float: right;
}

/* 面包栏导航 */
.breadcrumb {

	background: #f1f1f1;
	display: inline-flex;
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
	margin-bottom: 1rem;

}

/* 首页详情盒子 */


.contBox {
	border-radius: 1rem;
	padding: 2rem;
	box-shadow: 0 0 2.25rem rgb(31 45 61 / 23%);
	min-height: 5rem;
	margin-bottom: 4rem;
	background: #fff;
}

.contBox-tit {
	text-align: center;
	font-weight: bold;
}

.contBox-tit::after {
	width: 5rem;
	height: 4px;
	background: linear-gradient(90deg, #0067ff 0%, #0067ffbb 100%);
	display: block;
	content: "";
	margin: 1rem auto;
}

.contBox-sub {
	text-align: center;
	font-size: 1rem;
	color: #9397ad;
}

.contBox-card {
	padding: 1.5rem 0.5rem;
	color: #33354d;
	transition: 0.3s ease;
	opacity: 1;
	border-radius: 0.75rem;
	background: #fafbfe;

}

.contBox-card:hover {
	opacity: 0.8;
}

.contBox-card.active {
	color: #fff;
	background: linear-gradient(130deg, #4358f5 0%, #71c4ff 100%);
	box-shadow: 0 0.15rem 0.75rem #6dbafe78;
}

.contBox-card.active .contBox-card-tit {
	color: #fff;
}

.contBox-card-tit {
	background: linear-gradient(90deg, #0067ff 0%, #0067ffbb 100%);
	-webkit-background-clip: text;
	color: transparent;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.contBox-card-p {
	font-size: 0.8rem;
	text-align: center;
	margin-bottom: auto;
}

.titstyle-1 {
	background: linear-gradient(0deg, #0067ff 0%, #eb62ff 100%);
	-webkit-background-clip: text;
	color: transparent;
}

/* 播放器 */
#poster1 {
	position: absolute;
	z-index: 11;
	width: 100%;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	width: -webkit-fill-available;
	height: -webkit-fill-available;
	margin-bottom: 5rem;
}

#poster2 {
	position: absolute;
	z-index: 11;
	width: 100%;
	display: none;
	height: 100%;
	justify-content: center;
	align-items: center;
	width: -webkit-fill-available;
	height: -webkit-fill-available;
	margin-bottom: 5rem;
}

@media (max-width: 576px) {

	#poster1,
	#poster2 {
		margin-bottom: 6rem;
	}
}

/* 手机端底部栏 */
.fix-bar-mob {
	position: fixed;
	z-index: 111;
	bottom: 0;
	border-radius: 0.5rem 0.5rem 0 0;
	background: #fff;
	width: 100%;
	padding: 0.5rem 0;
	box-shadow: 0 0 1.25rem rgb(31 45 61 / 15%);
}

.fix-bar-mob-btn {
	min-height: 4rem;
	display: block;
	text-align: center;
	margin: auto;
	position: relative;
}

.fix-bar-mob-btn img {
	display: block;
	height: 2.5rem;
	width: 2.5rem;
	margin: auto;
}

.fix-bar-mob-btn p {
	display: block;
	margin: 0;
	font-weight: bold;
	color: #0d6fff;
}

.fix-mob-box {
	position: absolute;
	    z-index: 11;
	    bottom: 5rem;
	    left: -1rem;
	    border: 2px solid rgb(13, 111, 255);
	    border-radius: 0.5rem;
	    overflow: hidden;
}
.fix-mob-box img{
	width: auto;
	height: auto;
}

/*视频标签*/
video{width:75%;}
/*视频标签*/
/* 手机端底部栏 end */





			.blog-card-s1 {
				display: flex;
				align-items: center;
			}

			.blog-card-s1 img {
				width: 4rem;
				height: fit-content;
				margin: 1rem;
			}

			.blog-card-s1-r {
				width: 100%;
				margin-left: auto;
				text-align: left;
				padding-left: 1rem;
			}

			.blog-card-s1-r h4 {
				font-weight: bold;
			}

			.blog-card-s1-r .btn {
				padding: 0.5rem 1rem;
				font-size: 0.9rem;
			}
 .reason-container{
                display: flex;
                flex-flow: row wrap;
                justify-content: center;
                max-width: 1280px;
                min-width: 1080px;
                margin: auto
            }

            @media screen and (max-width: 550px) {
                .reason-container{
                    min-width:auto
                }
            }

            .reason-item{
                width: 29.8%;
                height: 7.5%;
                background-image: linear-gradient(136deg,rgba(240,249,254,0) 22%,#eff9fe);
                border-radius: 8px;
                text-align: center;
                letter-spacing: 0;
                margin: 29px 17.5px;
                padding-bottom: 50px
            }

            @media screen and (max-width: 550px) {
                .reason-item{
                    width:45%;
                    background: #fff;
                    box-shadow: 0 10px 20px 0 rgba(83,87,93,.03);
                    border-radius: 4px;
                    margin: 0 5px 8px;
                    padding: 23px 0 37px
                }

                .reason-item .svg-sprite-icon{
                    width: 128px!important;
                    height: 84px!important
                }
            }

            .reason-item:hover {
                box-shadow: 10px 10px 18px rgba(137,145,151,.2)
            }

            .reason-item .rea-pic-style{
                background-size: contain;
                width: 60%;
                padding-bottom: 40%;
                margin: auto
            }

            @media screen and (max-width: 550px) {
                .reason-item .rea-pic-style{
                    width:73.6%;
                    padding-bottom: 12px;
                    height: 84px
                }
            }

            .reason-item .rea-pic-1{
                background: transparent url(../images/1-3.png) no-repeat;
                background-size: contain;
                width: 60%;
                padding-bottom: 40%;
                margin: auto
            }

            @media screen and (max-width: 550px) {
                .reason-item .rea-pic-1{
                    width:73.6%;
                    padding-bottom: 12px;
                    height: 84px
                }
            }

            .reason-item .rea-pic-2{
                background: transparent url(../images/2-3.png) no-repeat;
                background-size: contain;
                width: 60%;
                padding-bottom: 40%;
                margin: auto
            }

            @media screen and (max-width: 550px) {
                .reason-item .rea-pic-2{
                    width:73.6%;
                    padding-bottom: 12px;
                    height: 84px
                }
            }

            .reason-item .rea-pic-3{
                background: transparent url(../images/3-3.png) no-repeat;
                background-size: contain;
                width: 60%;
                padding-bottom: 40%;
                margin: auto
            }

            @media screen and (max-width: 550px) {
                .reason-item .rea-pic-3{
                    width:73.6%;
                    padding-bottom: 12px;
                    height: 84px
                }
            }

            .reason-item .rea-pic-4{
                background: transparent url(../images/4-3.png) no-repeat;
                background-size: contain;
                width: 60%;
                padding-bottom: 40%;
                margin: auto
            }

            @media screen and (max-width: 550px) {
                .reason-item .rea-pic-4{
                    width:73.6%;
                    padding-bottom: 12px;
                    height: 84px
                }
            }

            .reason-item .rea-pic-5{
                background: transparent url(../images/5-3.png) no-repeat;
                background-size: contain;
                width: 60%;
                padding-bottom: 40%;
                margin: auto
            }

            @media screen and (max-width: 550px) {
                .reason-item .rea-pic-5{
                    width:73.6%;
                    padding-bottom: 12px;
                    height: 84px
                }
            }

            .reason-item .rea-pic-6{
                background: transparent url(../images/6-3.png) no-repeat;
                background-size: contain;
                width: 60%;
                padding-bottom: 40%;
                margin: auto
            }

            @media screen and (max-width: 550px) {
                .reason-item .rea-pic-6{
                    width:73.6%;
                    padding-bottom: 12px;
                    height: 84px
                }
            }

            .reason-item h3{
                font-size: 20px;
                color: #010101;
                line-height: 34px;
                font-family: PingFang-SC-Medium;
						font-weight: 600;

            }

            @media screen and (max-width: 550px) {
                .reason-item h3{
                    font-family:PingFangSC-Medium;
                    font-size: 14px;
                    color: #333;
                    letter-spacing: 0;
                    text-align: center;
                    line-height: 22px;
                    display: inline-block;
                    width: 113px;
                    height: auto;
                    margin-top: 0
                }
            }

            .reason-item p{
                width: 310px;
                height: 42px;
                margin: 10px auto 0;
                font-size: 14px;
                color: #666;
                font-family: PingFang-SC-Medium;
                line-height: 21px
            }

            .reason-item-h5 h3{
                font-family: PingFangSC-Medium;
                font-size: 14px;
                color: #333;
                letter-spacing: 0;
                text-align: center;
                line-height: 22px;
                font-weight: 700
            }
.title {
                color: #333;
                font-size: 40px;
                text-align: center;
                margin: 0 auto 50px
            }
 .scense {
                width: 100%;
                height: 760px;
                background: linear-gradient(180deg,#f1faff,#e0f2ff) no-repeat top/contain;
                border-top: 1px solid transparent
            }

            .scense-bg {
                width: 100%;
                height: 100%;
                background: url(../images/advantage-bg.d71fd63a.png) no-repeat top/contain;
                margin-top: 36px
            }

            .scense .title {
                padding-top: 23px;
                margin-bottom: 25px
            }

            .scense-tabs {
                display: flex;
                justify-content: center;
                align-items: center
            }

            .scense-tabs-item {
                width: 160px;
                height: 48px;
                line-height: 48px;
                background: #f1faff;
                border: 1px solid #48afff;
                border-radius: 24px;
                color: #333;
                text-align: center;
                cursor: pointer;
                box-sizing: border-box
            }

            .scense-tabs-item:hover {
                border: 1px solid #008dfc
            }

            .scense-tabs-item+.scense-tabs-item {
                margin-left: 30px
            }

            .scense-tabs-item__active {
                background-image: linear-gradient(270deg,#008dfc,#00c1fe);
                color: #fff
            }

            .scense-body {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 1190px;
                height: 454px;
                margin: 50px auto 0
            }

            .scense-body-left {
                width: 385px;
                text-align: left
            }

            .scense-body-left__title {
                font-size: 44px;
                color: #008efc;
                margin-bottom: 20px
            }

            .scense-body-right {
                width: 560px;
                margin-left: 123px
            }

            .scense .body-left-list {
						padding-left:0;
                font-size: 18px;
                color: #333
            }

            .scense .body-left-list__item {
						list-style-type: none; 
                letter-spacing: .5px;
                line-height: 40px
            }

            .scense .body-left-list__item:before {
                content: "";
                display: inline-block;
                width: 6px;
                height: 6px;
                background: #44b8ff;
                vertical-align: 2px;
                margin-right: 12px
            }

            .advantage {
                width: 100%;
                min-height: 844px;
                background: #fff
            }

            .advantage .title {
                padding-top: 80px;
                margin-bottom: 20px
            }

            .advantage-cards {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                max-width: 1440px;
                margin: 0 auto
            }

            .advantage-cards-item {
                display: flex;
                justify-content: stretch;
                align-items: center;
                width: 50%;
                max-width: 560px;
                min-height: 254px;
                background-image: linear-gradient(113deg,rgba(237,249,255,.4) 7%,#e2f5ff);
                border: 1px solid #c1e6ff;
                border-radius: 8px;
                box-sizing: border-box;
                margin-top: 30px
            }

            .advantage-cards-item:nth-child(2n+2) {
                margin-left: 30px
            }

            .advantage .cards-item-left {
                max-width: 71%;
                height: 208px;
                box-sizing: border-box;
                margin: 0 15px
            }

            .advantage .cards-item-right__title {
                font-size: 25px;
                color: #333;
                line-height: 34px
            }

            .advantage .cards-item-right__desc {
                height: 56px;
                font-size: 16px;
                color: #666;
                margin-top: 15px
            }

            .btn-wrap {
                cursor: pointer
            }


/**轮播改版**/
#application-area {
	text-align: center
}

#application-area h2{
	font-size: 46px;
	line-height: 46px;
	color: #010101
}

#application-area p {
	margin-top: 24px;
	font-size: 20px;
	color: #666
}

#application-area a,#case-area a{
	display: inline-block;
	position: relative;
	font-size: 20px;
	color: #008dfc;
	z-index: 9;
	margin-top: 44px
}

@media screen and (max-width:500px
) {
	#application-area h2,#case-area h2,#solution-area h2 {
		font-size: 28px;
		line-height: 42px;
		padding-left: 40px;
		text-align: left;
		font-weight: 700;
		letter-spacing: 0;
		color: #333;
		font-family: PingFangSC-Medium
	}

	#application-area p,#case-area p,#solution-area p {
		margin-top: 16px;
		font-size: 14px;
		color: #333;
		padding: 0 38px;
		text-align: left
	}

	#application-area .more-btn,#case-area .more-btn,#solution-area .more-btn {
		height: 40px;
		line-height: 40px;
		font-size: 12px;
		color: #333;
		z-index: 999;
		margin: 30px 0 40px;
		padding: 0 25px;
		border: 1px solid #d1d1d2;
		border-radius: 4px
	}
}
@media screen and (max-width:550px) {
	#reason-area h2 {
		font-family: PingFangSC-Medium;
		font-size: 28px;
		color: #333;
		letter-spacing: 0;
		line-height: 42px;
		font-weight: bolder;
		margin: 56px 40px 27px 30px
	}
}

@media screen and (max-width:550px) {
	#reason-area {
		background-image: linear-gradient(135deg,rgba(240,249,254,0),#eff9fe);
		margin-top: 0
	}
}

#reason-area .more-btn {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #333;
	z-index: 999;
	margin: 50px auto 40px;
	padding: 0 25px;
	border: 1px solid #d1d1d2;
	border-radius: 4px
}

#application-area {
	padding-top: 112px;
	padding-bottom: 30px;

}

@-webkit-keyframes float-up-down-ad7249da {
	0% {
		transform: translateY(-10px)
	}

	to {
		transform: translateY(10px)
	}
}

@keyframes float-up-down-ad7249da {
	0% {
		transform: translateY(-10px)
	}

	to {
		transform: translateY(10px)
	}
}

@media screen and (max-width:550px) {
	#application-area {
		padding-bottom: 10px
	}
}

#application-area .app-figure-main {
	display: inline-block;
	position: relative;
	width: 920px;
	height: 720px;
	background: url(../images/app-figure-main.png) no-repeat 50%;
	background-size: contain
}

#application-area .app-figure-main .app-figure {
	position: absolute;
	width: 920px;
	height: 720px;
	top: 0;
	left: 0
}

#application-area .app-figure-main .app-figure.doc {
	-webkit-animation: float-up-down-ad7249da 2s linear 0s infinite alternate;
	animation: float-up-down-ad7249da 2s linear 0s infinite alternate;
	background: url(../images/app-figure-doc.png) no-repeat 50%;
	background-size: contain
}

#application-area .app-figure-main .app-figure.learning {
	-webkit-animation: float-up-down-ad7249da 2s linear -.5s infinite alternate;
	animation: float-up-down-ad7249da 2s linear -.5s infinite alternate;
	background: url(../images/app-figure-learning.png) no-repeat 50%;
	background-size: contain
}

#application-area .app-figure-main .app-figure.test {
	-webkit-animation: float-up-down-ad7249da 2s linear -1s infinite alternate;
	animation: float-up-down-ad7249da 2s linear -1s infinite alternate;
	background: url(../images/app-figure-test.png) no-repeat 50%;
	background-size: contain
}

#application-area .app-figure-main .app-figure.stream {
	-webkit-animation: float-up-down-ad7249da 2s linear -1.5s infinite alternate;
	animation: float-up-down-ad7249da 2s linear -1.5s infinite alternate;
	background: url(../images/app-figure-stream.png) no-repeat 50%;
	background-size: contain
}

#application-area .app-figure-main .app-figure.orange-point {
	-webkit-animation: float-up-down-ad7249da 2s linear -2s infinite alternate;
	animation: float-up-down-ad7249da 2s linear -2s infinite alternate;
	background: url(../images/app-figure-orange-point.png) no-repeat 50%;
	background-size: contain
}

#application-area .app-figure-main .app-figure.green-point {
	-webkit-animation: float-up-down-ad7249da 2s linear -2.5s infinite alternate;
	animation: float-up-down-ad7249da 2s linear -2.5s infinite alternate;
	background: url(../images/app-figure-green-point.png) no-repeat 50%;
	background-size: contain
}

#application-area .app-figure-main .app-figure map area {
	outline: 0
}

#application-area .app-figure-more {
	margin: 0 auto 8px
}

@media screen and (max-width:500px) {
	#application-area {
		padding-top: 50px;
		display:none;
	}

	#application-area .app-figure-main {
		width: 100%;
		height: auto;
		background: 0 0;
		margin-top: -100px
	}

	#application-area .app-figure-main .app-wrapper {
		position: relative
	}

	#application-area .app-figure-main .app-wrapper img {
		width: 100%
	}

	#application-area .app-figure-main .app {
		position: absolute
	}

	#application-area .app-figure-main .app.question {
		width: 12%;
		height: 10%;
		left: 44%;
		top: 16%
	}

	#application-area .app-figure-main .app.stream {
		width: 20%;
		height: 13%;
		left: 20%;
		top: 26%
	}

	#application-area .app-figure-main .app.thread {
		width: 12%;
		height: 8%;
		right: 6%;
		top: 38%
	}

	#application-area .app-figure-main .app.survey {
		width: 10%;
		height: 7%;
		left: 6%;
		top: 40%
	}

	#application-area .app-figure-main .app.learningMap {
		width: 16%;
		height: 12%;
		right: 22%;
		top: 24%
	}

	#application-area .app-figure-main .app.event {
		width: 12%;
		height: 10%;
		left: 43%;
		top: 48%
	}

	#application-area .app-figure-main .app.exam {
		width: 20%;
		height: 12%;
		left: 13%;
		bottom: 23%
	}

	#application-area .app-figure-main .app.doc {
		width: 16%;
		height: 11%;
		right: 19%;
		bottom: 30%
	}

	#application-area .app-figure-main .app.class {
		width: 10%;
		height: 7%;
		left: 32%;
		bottom: 11%
	}

	#application-area .app-figure-main .app.wish {
		width: 10%;
		height: 7%;
		right: 10%;
		bottom: 14%
	}

	#application-area .app-figure-main .app.moment {
		width: 10%;
		height: 7%;
		right: 35%;
		bottom: 16%
	}

/* 新闻列表样式 */
.news-list-container {
	padding: 1rem;
    text-align: left !important;
}

.news-list-title {
	margin-bottom: 2rem;
	font-weight: bold;
    text-align: left !important;
}

.news-item-link {
	text-decoration: none;
	color: inherit;
}

.news-item-card {
	padding: 2rem;
	background: #f8f8f8;
	margin-bottom: 1.5rem;
	border-left: 4px solid #3989f7;
    text-align: left !important;
}

.news-item-title {
	font-weight: bold;
	color: #333;
	margin-bottom: 1rem;
    text-align: left !important;
}

.news-item-content {
	color: #666;
	line-height: 1.8;
	margin-bottom: 1rem;
    text-align: left !important;
}

.news-item-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #999;
	font-size: 0.9rem;
}

.breadcrumb-container {
	text-align: start;
}
}