@charset "utf-8";
/* douyin 页：内联样式合并；图片资源使用本地 ../images；commbann 参考官网 style.css */

/*
 * AmazeUI / common.css 会破坏原站按像素排的模块：
 * - amazeui：ol,ul{padding-left:2em}，嵌套 ul 还有 margin
 * - common：* {box-sizing:border-box}、img{max-width:100%}
 * 原站 global.css 是 padding:0 + content-box，必须在本页复位。
 */
.index_floor1 ul,
.index_floor2 ul,
.index_floor3 ul,
.index_floor4 ul,
.index_floor5 ul,
.index_floor6 ul,
.short_ul,
.short_ul_txt,
.benefits_ul1,
.benefits_ul2,
.industry_ul,
.short_video_ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.index_floor1,
.index_floor1 *,
.index_floor2,
.index_floor2 *,
.index_floor3,
.index_floor3 *,
.index_floor4,
.index_floor4 *,
.index_floor4_tit,
.index_floor4_tit *,
.index_floor5,
.index_floor5 *,
.index_floor6,
.index_floor6 *{
	box-sizing: content-box;
}
.index_floor1 img,
.index_floor2 img,
.index_floor3 img,
.index_floor4 img,
.index_floor5 img,
.index_floor6 img{
	max-width: none;
	height: auto;
	vertical-align: top;
}

.commbann{margin-top: var(--page-header-offset, 110px);}
.commbann .site-advert-banner,
.commbann .advert-carousel{width:100%;}
.commbann .advert-carousel__slide img{width:100%;height:auto;display:block;object-fit:cover;}
@media(max-width:1280px){
	.commbann{position:relative;overflow: hidden;}
	.commbann img{width:100%;height:auto;margin-left:0;}
}
@media(max-width:800px){
	.commbann{position:relative;overflow: hidden;}
	.commbann img{width:100%;height:auto;margin-left:0;}
}

.clear {
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		overflow: hidden;
	}
	.h50{
		width:100%;
		height:50px;
		display:block;
	}
	.main_xh{
		width:1200px;
		margin:0px auto;
		padding:0px;
	}
	.index_title{
		width:710px;
		margin:0px auto;
		height:115px;
		text-align:center;
	}
	.index_title_cn{
		font-size:36px;
		font-weight:bold;
		color:#333;
		margin:0px auto;
	}
	.index_title_en{
		font-size:16px;
		color:#999999;
		text-transform:Uppercase;
	}
	.index_floor1_left,.index_floor1_right{
		width:335px;
	}
	.index_floor1_center{
		position:relative;
		width:530px;
	}
	.index_floor1 ul li{
		width:264px;
		height:92px;
		font-size:24px;
		color:#fff;
		line-height:52px;
		text-align:center;
		background-repeat:no-repeat;
		position:relative;
	}
	.index_floor1_left ul li:nth-child(1){
		background-image:url(../images/index_floor1_li1.png);
		left:135px;
	}
	.index_floor1_left ul li:nth-child(2){
		background-image:url(../images/index_floor1_li2.png);
		left:31px;
	}
	.index_floor1_left ul li:nth-child(3){
		background-image:url(../images/index_floor1_li3.png);
		left:45px;
	}
	.index_floor1_left ul li:nth-child(4){
		background-image:url(../images/index_floor1_li4.png);
		left:0px;
	}
	.index_floor1_left ul li:nth-child(5){
		background-image:url(../images/index_floor1_li5.png);
		left:110px;
	}
	.index_floor1_right ul li:nth-child(1){
		background-image:url(../images/index_floor1_li6.png);
		left:-66px;
	}
	.index_floor1_right ul li:nth-child(2){
		background-image:url(../images/index_floor1_li7.png);
		left:37px;
	}
	.index_floor1_right ul li:nth-child(3){
		background-image:url(../images/index_floor1_li8.png);
		left:23px;
	}
	.index_floor1_right ul li:nth-child(4){
		background-image:url(../images/index_floor1_li9.png);
		left:70px;
	}
	.index_floor1_right ul li:nth-child(5){
		background-image:url(../images/index_floor1_li10.png);
		left:-39px;
	}
	.index_floor1_center p{
		margin:0;
		padding:0;
	}
	.index_floor1_center p img{
		display:block;
		width:530px;
		max-width:none;
		height:auto;
		vertical-align:top;
	}
	.index_floor1_center p:nth-child(2){
		width:420px;
		text-align:center;
		margin:0px auto;
		color:#fff;
		line-height:52px;
		font-size:24px;
		position:relative;
		top:-60px;
	}

.index_floor2,.index_floor4,.index_floor7{
			background:url(../images/index_floor2_bg.jpg);
			width:100%;
		}
		.index_title2{
			width:548px;
			background:url(../images/index_title2.png) no-repeat;
		}
		.index_title2 .index_title_cn{color:#fff;}
		.index_floor2_li{
			font-size:22px;
			color:#fff;
			line-height:98px;
			height:150px;
		}
		.index_floor2_li p{
			margin:0px 8px;
		}
		.index_floor2_click{
			width:830px;
			margin:0px auto;
			line-height:87px;
			font-size:26px;
			color:#fff;
			text-align:center;
		}
		.index_floor2_a1{
			background:url(../images/index_floor2_a1.png) no-repeat;
			width:555px;
			height:87px;
			color:#fff;
		}
		.index_floor2_a2{
			background:url(../images/index_floor2_a2.png) no-repeat;
			width:262px;
			height:87px;
			text-align:left;
			text-indent:28px;
			color:#fff;
		}

.index_title3 {
			width: 776px;
			background: url(../images/index_title3.png) no-repeat;
		}
		.short_ul{
			width:100%;
			height:485px;
		}
		.short_ul li{
			width:25%;
			float:left;
		}
		.short_ul .short_one{
			background:url(../images/index_floor3_ulbg.png) no-repeat;
			width:270px;
			height:444px;
			margin:0px auto;
			overflow:hidden;
		}
		.short_one_icon{
			text-align:center;
			width:100%;
			font-size:20px;
			color:#111;
			font-weight:bold;
			height:110px;
		}
		.short_ul_txt{
			line-height:30px;
			font-size:16px;
			color:#333;
			position:relative;
			left:65px;
			width:80%;
		}
		.short_ul_txt li{
			width:100%;
			list-style-type:disc;
			color:#c767f9;
		}
		.short_ul_txt li p{
			color:#333;
			margin:0;
			padding:0;
		}
		.short_ul li:nth-child(4) .short_ul_txt{
			line-height:26px;
		}
		.index_floor3_a1{
			width:550px;
			height:98px;
			line-height:78px;
			background:url(../images/index_floor3_a1.png) no-repeat;
			font-size:26px;
			color:#fff;
			margin:0 auto 24px;
			display:block;
			text-indent:85px;
		}
		.index_floor3 > .h50:last-child{
			height:24px;
		}

.index_floor4_tit{
			background:url(../images/index_floor4_titbg.png) no-repeat top center;
			background-size:100% 210px;
			width:100%;
			height:210px;
			margin-top:-16px;
			box-sizing:border-box !important;
			overflow:visible;
			position:relative;
			z-index:1;
		}
		.index_floor4_tit .main_xh{
			position:absolute;
			left:50%;
			bottom:4px;
			width:1200px;
			margin:0;
			transform:translateX(-50%);
		}
		.index_floor4_tit > .h50{
			display:none;
		}
		.index_floor4_tit .index_title,
		.index_floor4_tit .index_title4{
			height:auto;
			margin:0 auto;
		}
		.index_floor4_tit .index_title_cn{
			color:#fff;
			line-height:1.3;
			text-shadow:0 1px 4px rgba(0,0,0,.35);
		}
		.index_floor4_tit .index_title_en{
			color:rgba(255,255,255,.85);
			line-height:1.5;
			margin-top:4px;
		}
		.index_title4 {
			width: 502px;
			background: url(../images/index_title4.png) no-repeat center top;
		}
		.index_floor4{
			background:url(../images/index_floor2_bg.jpg);
			width:100%;
			margin-top:0;
		}
		.h45 {
			width: 100%;
			height: 45px;
			display: block;
		}
		.h100 {
			width: 100%;
			height: 100px;
			display: block;
		}
		.benefits_ul1 li{
			background:url(../images/index_floor4_libg1.png) no-repeat;
			width:25%;
			height:280px;
			float:left;
		}
		.benefits_ul_num{
			text-align:center;
			height:70px;
		}
		.benefits_ul_tit{
			text-align:center;
			font-size:20px;
			color:#111;
			height:30px;
			font-weight:bold;
		}
		.benefits_ul_hr{
			width:50px;
			height:8px;
			margin:0px auto;
			border-bottom:2px solid #fe3b6e;
		}
		.benefits_ul_desc{
			font-size:16px;
			color:#555;
			text-align:center;
			line-height:45px;
		}
		.benefits_div_hr{
			background:#fff;
			width:100%;
			height:3px;
			position:relative;
			top:-18px;
		}
		.benefits_ul1,
		.benefits_ul2{
			padding:0;
			margin:0;
			list-style:none;
			overflow:visible;
		}
		.benefits_ul2{
			width:900px;
			margin:0px auto;
			position:relative;
			top:-36px;
		}
		.benefits_ul2 li{
			background:url(../images/index_floor4_libg2.png) no-repeat;
			width:300px;
			height:280px;
			float:left;
		}
		.benefits_ul2 li:nth-child(2) .benefits_ul_desc{
			width:180px;
			margin:0px auto;
			line-height:20px;
			position:relative;
			top:16px;
		}

.index_title5 {
		width: 574px;
		background: url(../images/index_title5.png) no-repeat;
	}
	.industry_ul li{
		width:14.3%;
		height:190px;
		float:left;
	}
	.industry_ul li:nth-child(7n){
		width:14.2%;
		height:195px;
	}
	.industry_ul li .industry_one{
		width:150px;
		height:150px;
		margin:0px auto;
		text-align:center;
	}
	.industry_ul li .industry_one .icon{
		background:url(../images/industry_li_bg.png) no-repeat;
		width:150px;
		height:150px;
	}
	.industry_ul li .industry_one .icon img{
		width:76px;
		height:76px;
		position:relative;
		top:37px;
	}
	.industry_ul li .industry_one .industry_name{
		font-size:20px;
		color:#333;
		line-height:40px;
	}

.index_title6 {
			width: 704px;
			background: url(../images/index_title6.png) no-repeat;
		}
		.short_video_ul{
			padding:0;
			margin:0;
			list-style:none;
			overflow:visible;
		}
		.short_video_ul li{
			background:url(../images/short_li_bg.png) no-repeat;
			width:20%;
			height:360px;
			float:left;
			text-align:center;
		}
		.short_video_ul li .icon{
			background:url(../images/short_li_icon_bg.png) no-repeat;
			width:68px;
			height:130px;
			margin:0px auto;
			position:relative;
			top:45px;
		}
		.short_video_ul li .icon img{
			width:44px;
			height:44px;
			position:relative;
			top:12px;
		}
		.short_video_ul .short_video_name{
			font-size:20px;
			color:#333;
			height:35px;
			font-weight:bold;
		}
		.short_video_ul .short_video_hr{
			border-top:3px solid #999;
			height:24px;
			width:30px;
			margin:0px auto;
		}
		.short_video_ul .short_video_desc{
			font-size:16px;
			color:#333;
			line-height:24px;
		}
		.short_video_click{
			background:url(../images/index_floor3_a1.png) no-repeat;
			width:556px;
			height:83px;
			line-height:83px;
			margin:0px auto;
			display:block;
			font-size:26px;
			color:#fff;
			text-indent:90px;
		}
		.short_video_click span{
			font-weight:bold;
		}


/* 与 common.css 链接悬停色协调：大按钮保持白字 */
.index_floor2_a1,
.index_floor2_a2,
.index_floor3_a1,
.short_video_click {
	color: #fff !important;
}
.index_floor2_a1:hover,
.index_floor2_a2:hover,
.index_floor3_a1:hover,
.short_video_click:hover {
	color: #fff !important;
}

/* Amaze UI 与 common 顶栏：避免盒模型被覆盖导致错位 */
#top,
#top * {
	box-sizing: border-box;
}

@media only screen and (max-width: 1200px) {
	.main_xh {
		width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
	}
	.index_title,
	.index_title1,
	.index_title2,
	.index_title3,
	.index_title4,
	.index_title5,
	.index_title6 {
		width: 100%;
		height: auto;
		background-size: contain;
		background-position: center;
	}
	.index_title_cn { font-size: 24px; }
}

@media only screen and (max-width: 960px) {
	body { overflow-x: hidden; }

	.index_floor1,
	.index_floor1 *,
	.index_floor2,
	.index_floor2 *,
	.index_floor3,
	.index_floor3 *,
	.index_floor4,
	.index_floor4 *,
	.index_floor4_tit,
	.index_floor4_tit *,
	.index_floor5,
	.index_floor5 *,
	.index_floor6,
	.index_floor6 *{
		box-sizing: border-box;
	}

	.h50, .h45, .h100 { height: 20px; }
	.main_xh {
		width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.index_floor1,
	.index_floor2,
	.index_floor3,
	.index_floor4,
	.index_floor4_tit,
	.index_floor5,
	.index_floor6 {
		overflow: hidden;
		width: 100%;
	}
	.index_title,
	.index_title1,
	.index_title2,
	.index_title3,
	.index_title4,
	.index_title5,
	.index_title6 {
		width: 100%;
		height: auto;
		min-height: 0;
		padding: 0 0 12px;
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
	}
	.index_title_cn {
		font-size: 20px;
		line-height: 1.4;
		word-break: break-word;
	}
	.index_title_en {
		font-size: 12px;
		line-height: 1.5;
		padding: 0 8px;
		word-break: break-word;
	}

	.index_floor1 .fl,
	.index_floor1 .fr,
	.index_floor1_left,
	.index_floor1_right,
	.index_floor1_center {
		float: none !important;
		width: 100% !important;
		max-width: 100%;
		position: static;
		margin: 0;
	}
	.index_floor1 ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.index_floor1 ul li {
		width: 100%;
		height: auto;
		left: 0 !important;
		margin: 0 0 10px;
		font-size: 16px;
		line-height: 1.5;
		padding: 16px 12px;
		background-size: 100% 100%;
		box-sizing: border-box;
	}
	.index_floor1_center p:nth-child(2) {
		width: 100%;
		font-size: 16px;
		line-height: 1.6;
		top: 0;
	}
	.index_floor1 img,
	.index_floor3 img,
	.index_floor4 img {
		max-width: 100%;
		height: auto;
	}

	.index_floor2_li {
		display: grid;
		grid-template-columns: 48px 1fr 48px 1fr;
		align-items: center;
		column-gap: 8px;
		row-gap: 16px;
		height: auto;
		font-size: 14px;
		line-height: 1.4;
		padding: 8px 0 16px;
	}
	.index_floor2_li .fl,
	.index_floor2_li .fr {
		float: none !important;
		width: auto !important;
		max-width: none;
		min-height: 0;
		margin: 0;
		line-height: 1.4;
		text-indent: 0;
		background: none;
	}
	.index_floor2_li img {
		width: 48px !important;
		max-width: 48px !important;
		height: auto !important;
		display: block;
		margin: 0 auto;
	}
	.index_floor2_li img[src*="index_floor2_li0"] {
		display: none !important;
	}
	.index_floor2_li p {
		margin: 0;
		color: #fff;
		font-size: 14px;
		line-height: 1.4;
		text-align: left;
	}
	.index_floor2_click {
		width: 100%;
		font-size: 16px;
		line-height: 1.4;
	}
	.index_floor2_click .fl,
	.index_floor2_click .fr,
	.index_floor2_a1,
	.index_floor2_a2,
	.index_floor3_a1,
	.short_video_click {
		float: none !important;
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 48px;
		line-height: 48px;
		text-indent: 0;
		text-align: center;
		background-size: 100% 100%;
		margin: 0 auto 24px;
		font-size: 16px;
		box-sizing: border-box;
	}

	.short_ul,
	.benefits_ul1,
	.benefits_ul2,
	.industry_ul,
	.short_video_ul {
		padding: 0;
		margin: 0;
		list-style: none;
		overflow: hidden;
	}
	.short_ul { height: auto; }
	.short_ul > li,
	.benefits_ul1 li,
	.benefits_ul2 li,
	.industry_ul li,
	.industry_ul li:nth-child(7n),
	.short_video_ul li {
		float: left;
		width: 50%;
		height: auto;
		margin: 0 0 12px;
		padding: 0 6px;
		box-sizing: border-box;
		background-size: 100% auto;
		background-position: center top;
	}
	.index_floor3 .short_ul {
		display: block;
		height: auto;
		overflow: visible;
	}
	.index_floor3 .short_ul > li {
		float: none !important;
		width: 100% !important;
		margin: 0 0 12px;
		padding: 0;
	}
	.short_ul .short_one {
		width: 100%;
		height: auto;
		min-height: 0;
		background-size: 100% 100%;
		padding: 16px 12px 12px;
		box-sizing: border-box;
	}
	.short_ul .short_one .h50 { height: 4px; }
	.short_one_icon {
		height: auto;
		font-size: 16px;
		line-height: 1.3;
		padding-bottom: 10px;
	}
	.short_one_icon img {
		width: 44px;
		height: auto;
		display: block;
		margin: 0 auto 6px;
	}
	.short_ul_txt {
		position: static;
		left: auto;
		width: 100%;
		padding: 0;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6px 10px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.short_ul_txt li {
		float: none !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 0 0 14px !important;
		box-sizing: border-box;
		background: none;
		font-size: 13px;
		line-height: 1.4;
		list-style: disc;
		list-style-position: inside;
		color: #c767f9;
	}
	.short_ul_txt li:nth-child(n+5) {
		display: none;
	}
	.short_ul_txt li p {
		display: inline;
		margin: 0;
		color: #333;
		font-size: 13px;
		line-height: 1.4;
	}
	.index_floor4_tit {
		height:180px;
		min-height:180px;
		margin-top:-12px;
		padding:0;
		background-size:100% 180px;
		background-position:center top;
		box-sizing:border-box !important;
		overflow:visible;
	}
	.index_floor4_tit .main_xh {
		position:absolute;
		left:50%;
		bottom:2px;
		width:100%;
		max-width:100%;
		padding:0 16px;
		transform:translateX(-50%);
		box-sizing:border-box;
	}
	.index_floor4_tit > .h50 {
		display:none;
	}
	.index_floor4_tit .index_title_cn {
		color:#fff;
	}
	.index_floor4_tit .index_title_en {
		color:rgba(255,255,255,.75);
	}
	.index_floor4 .benefits_ul1,
	.index_floor4 .benefits_ul2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		width: 100%;
		padding: 0;
		margin: 0;
		overflow: visible;
	}
	.index_floor4 .benefits_ul2 {
		top: 0;
		margin: 10px 0 0;
	}
	.index_floor4 .benefits_ul1 > li,
	.index_floor4 .benefits_ul2 > li {
		float: none !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 10px 8px 12px !important;
		background: #fff;
		background-image: none;
		border-radius: 10px;
		box-shadow: 0 4px 12px rgba(0,0,0,.12);
		box-sizing: border-box;
	}
	.index_floor4 .benefits_ul2 > li:last-child {
		grid-column: 1 / -1;
		max-width: none;
		width: 100%;
		justify-self: stretch;
	}
	.index_floor4 .benefits_ul1 li .h45,
	.index_floor4 .benefits_ul2 li .h100 {
		height: 2px;
	}
	.index_floor4 .benefits_ul_num {
		height: auto;
		line-height: 1;
	}
	.index_floor4 .benefits_ul_num img {
		height: 32px;
		width: auto;
		display: block;
		margin: 0 auto 4px;
	}
	.index_floor4 .benefits_ul_tit {
		height: auto;
		font-size: 13px;
		line-height: 1.3;
		padding: 0 2px;
	}
	.index_floor4 .benefits_ul_hr {
		height: 4px;
		margin: 4px auto 6px;
	}
	.index_floor4 .benefits_ul_desc {
		font-size: 11px !important;
		line-height: 1.4 !important;
		color: #555;
		padding: 0 2px;
		height: auto;
	}
	.index_floor4 .benefits_ul2 li:nth-child(2) .benefits_ul_desc {
		width: auto !important;
		top: 0 !important;
		margin: 0;
		line-height: 1.4 !important;
	}
	.index_floor4 .benefits_div_hr {
		display: none;
	}
	.industry_ul li .industry_one,
	.industry_ul li .industry_one .icon {
		width: 110px;
		height: 110px;
		background-size: contain;
	}
	.industry_ul li .industry_one .icon img {
		width: 56px;
		height: 56px;
		top: 27px;
	}
	.industry_ul li .industry_one .industry_name {
		font-size: 14px;
		line-height: 1.4;
	}
	.index_floor6 .short_video_ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		overflow: visible;
	}
	.index_floor6 .short_video_ul > li {
		float: none !important;
		width: auto !important;
		height: auto !important;
		min-height: 0;
		margin: 0 !important;
		padding: 12px 8px 14px !important;
		background: #fff;
		background-image: none;
		border-radius: 10px;
		box-shadow: 0 4px 14px rgba(199, 103, 249, .18);
		box-sizing: border-box;
	}
	.index_floor6 .short_video_ul > li:last-child {
		grid-column: 1 / -1;
		max-width: none;
		width: 100%;
		justify-self: stretch;
	}
	.short_video_ul li .icon {
		top: 0;
		height: 52px;
		width: 52px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		margin: 0 auto 4px;
	}
	.short_video_ul li .icon img {
		width: 32px;
		height: 32px;
		top: 10px;
	}
	.short_video_ul .short_video_name {
		height: auto;
		font-size: 14px;
		line-height: 1.3;
		margin: 4px 0 0;
	}
	.short_video_ul .short_video_hr {
		height: 10px;
		margin: 6px auto 8px;
	}
	.short_video_ul .short_video_desc {
		font-size: 12px;
		line-height: 1.5;
	}
	.index_floor6 .short_video_ul .clear {
		display: none;
	}

	/* 案例：抵消 AmazeUI ul 左内边距，避免整体右偏 */
	.insolution.case-module {
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
	}
	.insolution.case-module .container {
		width: 100% !important;
		max-width: 100%;
		padding: 0 16px !important;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.insolution.case-module .insolution-box ul {
		padding-left: 0 !important;
		margin: 0 -6px !important;
		list-style: none;
	}
}