* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

button {
	font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;
}

.lf-main-wrap {
	width: 100%;
	background: -webkit-linear-gradient(top, #f3faff 0%, #ffffff 100%);
	background: -moz-linear-gradient(top, #f3faff 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #f3faff 0%, #ffffff 100%);
	background: linear-gradient(180deg, #f3faff 0%, #ffffff 100%);
	border-radius: 0px;
}

.lf-main-wrap .banner-wrap {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1360px;
	height: 1232px;
	overflow: hidden;
}
.lf-main-wrap .banner-wrap .box {
	position: relative;
}
.lf-main-wrap .banner-wrap .bg1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 866px;
	background: -webkit-linear-gradient(
		278deg,
		#f4faff 0%,
		rgba(252, 244, 255, 0) 100%
	);
	background: -moz-linear-gradient(
		278deg,
		#f4faff 0%,
		rgba(252, 244, 255, 0) 100%
	);
	background: -o-linear-gradient(
		278deg,
		#f4faff 0%,
		rgba(252, 244, 255, 0) 100%
	);
	background: linear-gradient(172deg, #f4faff 0%, rgba(252, 244, 255, 0) 100%);
	border-radius: 0px;
}
.lf-main-wrap .banner-wrap .linear1 {
	z-index: 1;
	position: absolute;
	top: -316px;
	right: 15.9%;
	width: 884px;
	height: 884px;
	background-color: #bbe3ff;
	-webkit-filter: blur(602px);
	filter: blur(602px);
}
.lf-main-wrap .banner-wrap .linear2 {
	z-index: 2;
	position: absolute;
	top: 211px;
	right: -228px;
	width: 801px;
	height: 801px;
	background: rgba(248, 230, 255, 0.8);
	-webkit-filter: blur(420px);
	filter: blur(420px);
}
.lf-main-wrap .banner-wrap .linear3 {
	z-index: 3;
	position: absolute;
	top: 564px;
	right: 0px;
}
.lf-main-wrap .banner-wrap .linear4 {
	position: absolute;
	top: 325px;
	left: 294px;
	width: 567px;
	height: 567px;
	background-color: #ffffff;
	-webkit-filter: blur(502px);
	filter: blur(502px);
}
.lf-main-wrap .banner-wrap .linear5 {
	position: absolute;
	top: 327px;
	left: 240px;
}

.lf-main-wrap .container {
	z-index: 2;
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	padding-top: 170px;
	padding-bottom: 140px;
}

.page-title {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	color: #20184e;
	font-size: 50px;
	font-weight: 700;
	line-height: 72px;
}
.page-title span:nth-child(2) {
	background: -webkit-linear-gradient(
		left,
		#5c65ff 0%,
		#4e6eff 50%,
		#2ca5ff 100%
	);
	background: -moz-linear-gradient(left, #5c65ff 0%, #4e6eff 50%, #2ca5ff 100%);
	background: -o-linear-gradient(left, #5c65ff 0%, #4e6eff 50%, #2ca5ff 100%);
	background: linear-gradient(90deg, #5c65ff 0%, #4e6eff 50%, #2ca5ff 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

.page-desc {
	width: 1034px;
	margin-top: 24px;
	color: #6877a8;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
}

.model-ctn {
	display: grid;
	grid-template-columns: repeat(3, 390px);
	grid-template-rows: repeat(2, auto);
	grid-template-areas: "a b c" "d e f";
	gap: 55px 56px;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	width: 100%;
	margin: 64px 0 150px;
}
.model-ctn .item {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	width: 390px;
	height: 340px;
	padding: 40px 29px 32px;
	background-color: #fff;
	border-radius: 12px;
}
.model-ctn .title {
	color: #0b102a;
	font-size: 24px;
	line-height: 30px;
	margin: 16px 0;
}
.model-ctn .desc {
	min-height: 78px;
	color: #718096;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}
.model-ctn .btn-wrap {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	margin-top: 24px;
}
.model-ctn .btn-wrap button {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	width: 132px;
	height: 40px;
	font-size: 14px;
	border: 1px solid #20184e;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
}
.model-ctn .btn-wrap button:first-child {
	background-color: #fff;
}
.model-ctn .btn-wrap button:first-child:hover {
	color: #fff;
	background-color: #20184e;
}
.model-ctn .btn-wrap button:last-child {
	margin-left: 16px;
	color: #fff;
	background-color: #20184e;
}
.model-ctn .btn-wrap button:last-child:hover {
	opacity: 0.75;
}
.model-ctn .btn-wrap button:last-child img {
	margin-right: 4px; display: none;
}

.tabs-title {
	color: #0b102a;
	font-size: 40px;
	text-align: center;
	line-height: 58px;
}

.tabs-desc {
	margin-top: 24px;
	color: #6877a8;
	font-size: 16px;
	text-align: center;
	line-height: 23px;
}

.tabs-ctn {
	margin-bottom: 150px;
}
.tabs-ctn .tab-link-ctn {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	margin: 64px 0;
}
.tabs-ctn .tab-link {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	height: 44px;
	margin-left: 20px;
	padding: 0 36px;
	color: #6877a8;
	border: 1px solid #e1e9f6;
	border-radius: 8px;
	cursor: pointer;
}
.tabs-ctn .tab-link:first-child {
	margin-left: 0;
}
.tabs-ctn .tab-link-active {
	color: #fff;
	background: -webkit-linear-gradient(27deg, #21b8ff 0%, #4c70ff 100%);
	background: -moz-linear-gradient(27deg, #21b8ff 0%, #4c70ff 100%);
	background: -o-linear-gradient(27deg, #21b8ff 0%, #4c70ff 100%);
	background: linear-gradient(63deg, #21b8ff 0%, #4c70ff 100%);
}
.tabs-ctn .tab-cont-wrap {
	width: 1360px;
	height: 600px;
	background: -webkit-linear-gradient(
		top,
		rgba(205, 226, 255, 0.5) 0%,
		rgba(162, 202, 255, 0.5) 100%
	);
	background: -moz-linear-gradient(
		top,
		rgba(205, 226, 255, 0.5) 0%,
		rgba(162, 202, 255, 0.5) 100%
	);
	background: -o-linear-gradient(
		top,
		rgba(205, 226, 255, 0.5) 0%,
		rgba(162, 202, 255, 0.5) 100%
	);
	background: linear-gradient(
		180deg,
		rgba(205, 226, 255, 0.5) 0%,
		rgba(162, 202, 255, 0.5) 100%
	);
	border-radius: 12px;
}
.tabs-ctn .tab-cont-ctn {
	width: 100%;
	height: 100%;
	padding: 0 38px 0 49px;
}
.tabs-ctn .tab-cont-ctn .item {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	height: 100%;
}
.tabs-ctn .tab-cont-ctn .l-el {
	height: 100%;
	padding: 60px 175px 0 0;
}
.tabs-ctn .tab-cont-ctn .id-ctn {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	align-items: flex-end;
}
.tabs-ctn .tab-cont-ctn .id-ctn span:nth-child(1) {
	color: #20184e;
	font-size: 32px;
}
.tabs-ctn .tab-cont-ctn .id-ctn span:nth-child(2) {
	color: #20184e;
	font-size: 24px;
}
.tabs-ctn .tab-cont-ctn .title {
	margin: 16px 0;display:none;
	color: #20184e;
	font-size: 28px;
}
.tabs-ctn .tab-cont-ctn .desc,
.tabs-ctn .tab-cont-ctn .sub-desc {
	color: #20184e;
	font-size: 18px;
	line-height: 30px;
}
.tabs-ctn .tab-cont-ctn .sub-desc {
	padding-top: 24px;
}
.tabs-ctn .tab-cont-ctn .audience {
	padding-top: 24px;
	padding-bottom: 12px;
	font-size: 16px;
}
.tabs-ctn .tab-cont-ctn .list {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 16px;
}
.tabs-ctn .tab-cont-ctn .list span {
	height: 30px;
	padding: 0 15px;
	color: #8fd3ff;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	background-color: #f7fcff;
	border-radius: 4px;
	border: 1px solid #8fd3ff;
}
.tabs-ctn .tab-cont-ctn .list-grid {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	gap: 16px 16px;
}
.tabs-ctn .tab-cont-ctn .list-grid span {
	height: 30px;
	padding: 0 15px;
	color: #8fd3ff;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	background-color: #f7fcff;
	border-radius: 4px;
	border: 1px solid #8fd3ff;
}
.tabs-ctn .tab-cont-ctn .marketing {
	color: #20184e;
	margin: 24px 0 8px;
}
.tabs-ctn .tab-cont-ctn .marketing-cont {
	color: #6877a8;
	line-height: 20px;
}
.tabs-ctn .tab-cont-ctn .download-btn {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	width: 180px;
	height: 46px;
	margin-top: 64px;
	color: #fff;
	font-size: 14px;
	background-color: #20184e;
	border-radius: 12px;
	cursor: pointer;
}
.tabs-ctn .tab-cont-ctn .download-btn img {
	margin-right: 4px; display: none;
}

.customer-wrap {
	position: relative;
	max-width: 1200px;
	margin-top: 64px;
}
.customer-wrap .bg-shadow {
	position: absolute;
	left: 48%;
	top: 60px;
	width: 302px;
	height: 128px;
	background: -webkit-linear-gradient(top, #23b5ff 0%, #4974ff 100%);
	background: -moz-linear-gradient(top, #23b5ff 0%, #4974ff 100%);
	background: -o-linear-gradient(top, #23b5ff 0%, #4974ff 100%);
	background: linear-gradient(180deg, #23b5ff 0%, #4974ff 100%);
	opacity: 0.6;
	-webkit-filter: blur(225px);
	filter: blur(225px);
}
.customer-wrap .customer-list-ctn {
	overflow: hidden;
}
.customer-wrap .customer-list-ctn .customer-item-wrap {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	gap: 35px 31px !important;
}
.customer-wrap .customer-list-ctn .item {
	width: 172px;
	margin-bottom: 30px !important;
	box-shadow: 0px 4px 10px 0px rgba(216, 216, 216, 0.4);
}
.customer-wrap .swiper-container .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-moz-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}


 .news-container {
           
            margin: 0 auto;
        }
        
        .news-header {
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #e74c3c;
        }
        
        .news-title {
            font-size: 22px;
            font-weight: 600;
            color: #2c3e50;
            display: flex;
            align-items: center;
        }
        
        .news-title::before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 20px;
            background-color: #e74c3c;
            margin-right: 10px;
            border-radius: 2px;
        }
        
        .news-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
        }
        
        /* 新闻项样式 */
        .news-item {
            background-color: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
            transition: transform 0.2s, box-shadow 0.2s;
        }
        
        .news-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
        }
        
        .news-link {
            display: flex;
            text-decoration: none;
            color: inherit;
            height: 100%;
        }
        
        /* 图片容器 */
        .news-img-container {
            flex: 0 0 100px;
            height: 100px;
            overflow: hidden;
            border-radius: 8px 0 0 8px;
        }
        
        .news-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s;
        }
        
        .news-item:hover .news-img {
            transform: scale(1.05);
        }
        
        /* 文本内容 */
        .news-content {
            flex: 1;
            padding: 12px 15px;
            display: flex;
            flex-direction: column;
        }
        
        .news-content-title {
            font-size: 16px;
            font-weight: 600;
            line-height: 1.3;
            margin-bottom: 8px;
            color: #2c3e50;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .news-content-desc {
            font-size: 13px;
            color: #666;
            line-height: 1.4;
            margin-bottom: 10px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            flex: 1;
        }
        
        .news-content-time {
            font-size: 12px;
            color: #999;
            display: flex;
            align-items: center;
        }
        
        .news-time-icon {
            width: 12px;
            height: 12px;
            margin-right: 5px;
            opacity: 0.7;
        }
        
        /* 响应式设计 */
        @media (min-width: 480px) {
            .news-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .news-img-container {
                flex: 0 0 90px;
                height: 90px;
            }
        }
        
        @media (min-width: 768px) {
            .news-img-container {
                flex: 0 0 110px;
                height: 110px;
            }
            
            .news-content-title {
                font-size: 17px;
            }
            
            .news-content-desc {
                font-size: 14px;
            }
        }
        
        /* 分隔线 */
        .news-divider {
            height: 1px;
            background-color: #eee;
            margin: 15px 0;
        }
/* company */
.company {
  padding: 100px 0;
}
.company .wrap {
}
.company .wrap .head {
  display: flex;
  align-items: end;
  margin-bottom: 40px;
}
.company .wrap .head .tit {
  font-size: 48px;
  font-weight: bold;
  line-height: 100%;
  position: relative;
  margin-right: 36px;
}
.company .wrap .head .tit::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #5370f6;
  position: absolute;
  bottom: 0;
  right: -22px;
}
.company .wrap .head .para {
  font-size: 36px;
  font-family: arial;
  color: #cfcfcf;
}
.company .wrap .con {
  font-size: 18px;
  line-height: 30px;
  color: #666666;
}
.company .wrap .con p {
  margin-bottom: 20px;
}
.company .wrap .item {
  margin-top: 60px;
  display: flex;
  padding: 20px;
  background-color: #f4f4f4;
}
.company .wrap .item .text {
  width: 400px;
  background-color: #333333;
  padding: 50px 40px;
  position: relative;
}
.company .wrap .item .text::before {
  content: "";
  width: 22px;
  height: 22px;
  background-color: #5370f6;
  position: absolute;
  top: 0;
  left: 0;
}
.company .wrap .item:nth-child(even) .text::before {
  left: auto;
  right: 0;
}
.company .wrap .item .text .tit {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 40px;
}
.company .wrap .item .text .txt {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
}
.company .wrap .item .pic {
  width: 760px;
}
/* culture */
.culture {
  padding: 100px 0;
  background: url(../picture/culture_bg.png) no-repeat center;
}
.culture .title { text-align: center; margin-bottom:40px;
}
.culture .title .tit {
  font-size: 48px;
  color: #fff;
  line-height: 100%;
}
.culture .title .para {
  font-size: 16px;
  line-height: 100%;
  color: rgba(255, 255, 255, 0.33);
  margin-top: 12px;
}
.culture .wrap {
  display: flex;
  justify-content: space-between;
}
.culture .wrap .list {
  width: calc((100% - 30px) / 5);
  background: #fff;
  padding: 30px;
  text-align: center;
}
.culture .wrap .list .icon {
  margin-bottom: 30px;
}
.culture .wrap .list .tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 100%;
}
.culture .wrap .list i {
  display: block;
  margin: 25px 0;
  font-size: 24px;
  color: #dcdcdc;
  line-height: 100%;
  font-weight: 100;
}
.culture .wrap .list .para {
  font-size: 16px;
  line-height: 24px;
  color: #666;
}