@charset "utf-8";



@font-face {

	font-family: "OPPOSans-Regular";

	src: url('../fonts/OPPOSans/OPPOSans3.0cn-Regular-9be23d63.woff2') format("woff2");

	font-weight: 400;

	font-style: normal;

	font-display: swap;

	/* font-variation-settings: 'wght' 750; */

}



@font-face {

	font-family: "OPPOSans-Medium";

	src: url('../fonts/OPPOSans/OPPOSans3.0cn-Medium.woff2') format("woff2");

	font-weight: 400;

	font-style: normal;

	font-display: swap;

}



@font-face {

	font-family: "OPPOSans-Bold";

	src: url('../fonts/OPPOSans/OPPOSans3.0En-Bold.woff2') format("woff2");

	font-weight: 400;

	font-style: normal;

	font-display: swap;

}



body {

	font-family: "OPPOSans-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;

}



/* wowpop */

.altumcode {

	--fontFamily: "OPPOSans-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}



/* 英文站换行规则 */

/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 

    word-wrap: normal; 

    word-break: keep-all; 

} */

/* 规范 - start */

:root {

	/* 字号 */

	--font80: 80px;

	--font68: 68px;

	--font64: 64px;

	--font48: 48px;

	--font32: 32px;

	--font28: 28px;

	--font24: 24px;

	/* 段落字号 */

	--font20: 20px;

	--font16: 16px;

	--font14: 14px;

	/* 行高 */

	--line13: 1.3;

	--line15: 1.5;

	--line165: 1.65;

	/* 颜色 */

	--color23: #232323;

	--color333: #333333;

	--color666: #666666;

	--color999: #999999;

	--colorfff: #ffffff;

	--colormain1: #F9E8D6;

	--colormain2: #DFEFD7;

	--colormain3: #F9F0D2;

	--colormain4: #E7E0EB;

	--colorbj1: #F9F8F5;

	--colorbj2: #F2EFE8;

	--colorbg: #333;

	--colorbt: #001730;
	--colorblue: #3E28E6;
	
	/* 板块间距 */

	--space1: 160px;

	--space2: 120px;

	--space3: 40px;

	/* 段落间距 */

	--parpspace: 10px;

	/* 圆弧 */

	--radius: 40px;

	/* 按钮 */

	--btnh1: 50px;

	/* 导航 */

	--head: 80px;

	--anchor: 50px;

	/* 大数据 */

	--data170: 170px;

	/* 字体 */

	--familyM: "OPPOSans-Medium";

	--familyB: "OPPOSans-Bold";

}



.std-h1 {

	font-size: var(--font80);

	color: var(--color333);

	line-height: var(--line13);

}



.std-h2,

.yxedr-active h2 {

	font-size: var(--font64);

	color: var(--color333);

	line-height: var(--line13);

}



.std-h3,

.yxedr-active h3 {

	font-size: var(--font48);

	color: var(--color333);

	line-height: var(--line13);

}



.std-h4,

.yxedr-active h4 {

	font-size: var(--font32);

	color: var(--color333);

	line-height: var(--line15);

}



.std-h5,

.yxedr-active h5 {

	font-size: var(--font28);

	color: var(--color333);

	line-height: var(--line15);

}



.std-h6,

.yxedr-active h6 {

	font-size: var(--font24);

	color: var(--color333);

	line-height: var(--line15);

}



.std-text1,

.std-text1 p {

	font-size: var(--font20);

	color: var(--color666);

	line-height: var(--line15);

}



.std-text2,

.std-text2 p {

	font-size: var(--font16);

	color: var(--color666);

	line-height: var(--line165);

}



.std-text3,

.std-text3 p {

	font-size: var(--font14);

	color: var(--color666);

	line-height: var(--line165);

}



.yxedr-active p {

	font-size: var(--font16);

	color: var(--color666);

	line-height: var(--line165);

	margin-bottom: 20px;

}



.std-margin {

	margin-top: var(--space1);

}



.std-margin1 {

	margin-bottom: var(--space2);

}



.std-margin2 {

	margin-bottom: var(--space3);

}



.std-padding {

	padding-top: var(--space1);

}



.std-padding1 {

	padding-bottom: var(--space2);

}



.std-padding2 {

	padding-bottom: var(--space3);

}



.yxedr-active h2,

.yxedr-active h3,

.yxedr-active h4,

.yxedr-active h5,

.yxedr-active h6,

.std-text1 p,

.std-text2 p,

.std-text3 p {

	margin-bottom: var(--parpspace);

}



/* 规范 -end */



/*分享翻译*/

.ys-wechat-cont-parga p::before {

	/*分享中文版本*/

	content: '分享到 - 微信';

	/*分享英文版本*/

	/* content: 'Share the - weixin'; */

}



/*导航默认选中 */

.head-nav-item1.yxnav-active1 .head-nav-item-title,
.head-nav-item1.on .head-nav-item-title {
	background: #C5CEFF;
}



.head-nav-item1 .hnid-left-li.yxnav-active2 .hnid-left-li-link {

	background: #eeffff;

}



.hnid-left-li.yxnav-active2 .hnid-left-li-link img,

.hnid-mid-li.yxnav-active2 .hnid-left-li-link img {

	transform: translateX(0);

	opacity: 1
}



.head-nav-item2 .hnid-left-li.yxnav-active2 .hnid-left-li-link,
.head-nav-item2 .hnid-mid-li.yxnav-active2 .hnid-left-li-link {
	background: #C5FFEC;
}



.head-nav-item2.yxnav-active1 .head-nav-item-title,
.head-nav-item2.on .head-nav-item-title {
	background: #C5FFEC;
}



.head-nav-item3.yxnav-active1 .head-nav-item-title,

.head-nav-item3.on .head-nav-item-title {

	background: #BCEEFF;

}



.head-nav-item3 .hnid-mid-li.yxnav-active2 .hnid-left-li-link {

	background: #BCEEFF;

}



.head-nav-item4.yxnav-active1 .head-nav-item-title,

.head-nav-item4.on .head-nav-item-title {

	background: #EBFDC7;

}



.head-nav-item4 .hnid-mid-li.yxnav-active2 .hnid-left-li-link {

	background: #EBFDC7;

}



.head-nav-item5.yxnav-active1 .head-nav-item-title,
.head-nav-item5.on .head-nav-item-title {
	background: #F3E697;
}
.head-nav-item5 .hnid-mid-li.yxnav-active2 .hnid-left-li-link {
	background: #F3E697;
}



/* 样式 */

a{

	color: rgba(255, 255, 255, .2);

}



/* common */

.scbphone_navbar4 .scbph_nav_menu {

	background: #F9F8F5;

}



.std-btn9 {

	display: inline-block;

	--btnw: 150px;

	/* 按钮宽度 */

	--move30: 30px;

	/* 文字移动距离 */

	--moveicon: calc(54px - var(--btnw));

	/* icon移动距离 */


	margin-top: 50px;

}



.std-btn9-box {

	display: flex;

	align-items: center;

	height: var(--btnh1);

	padding: 6px 9px;

	background: var(--color23);

	border-radius: calc(var(--btnh1) / 2);

	position: relative;

	transition: all .6s;

	width: var(--btnw);

	overflow: hidden;

}



.std-btn9-box p {

	font-size: var(--font16);

	line-height: var(--line165);

	color: var(--colorfff);

	padding: 0;

	transition: all .6s;

	z-index: 1;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 26px;

	opacity: 1;

	white-space: nowrap;

}



.std-btn9-icon {

	width: 36px;

	height: 36px;

	border-radius: 50%;

	background: var(--colorfff);

	position: absolute;

	font-size: 0;

	flex-shrink: 0;

	z-index: 2;

	transition: all .6s;

	top: 50%;

	right: 9px;

	transform: translateY(-50%);

}



.std-btn9-icon img {

	width: 66.666667%;

	height: 66.666667%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	transform: all .6s;

}



.std-btn9-icon img:nth-child(2) {

	opacity: 0;

}



.mod-btn {

	--btnw: 180px;

}



.head-nav {

	display: flex;

}



.head-cont {

	display: flex;

	justify-content: space-between;

}



.scbhdpc {

	background: var(--colorbj1);

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

}



.home-main .scbhdpc {

	background: transparent;

}



.home-main .scbhdpc.isfixed {

	background: var(--colorbj1);

}



.color-bj {

	background: var(--colorbj1);

}



.mod-nobj .std-btn9-box {

	background: transparent;

	border: 1px solid var(--colorblue);

}



.mod-nobj .std-btn9-box p {
	color: var(--color23);
}



.mod-nobj .std-btn9-icon {

	background: var(--color23);

	/* transition-delay: .2s; */

}



.mod-nobj .std-btn9-icon img:nth-child(2) {

	opacity: 1;

}



.mod-nobj .std-btn9-icon img:nth-child(1) {

	opacity: 0;

}



/* 轮播按钮 */

.mod-arrow .swiper-button-prev,

.mod-arrow .swiper-button-next,

.swiper-arrow-left,

.swiper-arrow-right,

.mod-arrow .slick-prev,

.mod-arrow .slick-next {

	width: 55px;

	height: 55px;

	border: 1px solid var(--color333);

	border-radius: 15px;

	transition: all .36s;

}



.mod-arrow .swiper-button-next::after,

.mod-arrow .slick-next::after {

	content: '' !important;

	background: url(../images/scb_icon_right.png) center / cover no-repeat;

	width: 30px;

	height: 20px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);



}



.mod-arrow .swiper-button-prev::after,

.mod-arrow .slick-prev::after {

	content: '' !important;

	background: url(../images/zuojiantou.png) center / cover no-repeat;

	width: 30px;

	height: 20px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	transition: all .36s;

}



.mod-arrow .swiper-button-next.swiper-button-disabled,

.mod-arrow .swiper-button-prev.swiper-button-disabled,

.swiper-arrow-right.swiper-button-disabled,

.swiper-arrow-left.swiper-button-disabled,

.mod-arrow .slick-next.slick-disabled,

.mod-arrow .slick-prev.slick-disabled {

	opacity: .5;

	cursor: auto;

	pointer-events: none;

}



.home-cust-bot .swiper-button-prev {

	left: 82px !important;

	right: auto !important;

	top: inherit !important;

	bottom: 62px !important;

}



.home-cust-bot .swiper-button-next {

	left: 152px !important;

	right: auto !important;

	top: inherit !important;

	bottom: 62px !important;

}



/* 轮播按钮  end    页脚 footer开始*/
.scbfooter {
	background: var(--color23);
	padding-top: 100px;
}

.scbfooter-top {
	display: flex;
	justify-content: space-between;
}

.scbfooter-top-ul {
	width: 20%;
}

.scbfooter-top-nav {
	width: 70%;
	display: flex;
	padding: 0 0 0 8%;
}

.scbfooter-top-share {
	width: 30%;
}

.yftn-left>ul {
	display: flex;
	flex-wrap: wrap;
}

.yftn-left>ul>li {
	width: 50%;
}

.yfts-top-ul {
	display: flex;
}

.scbfooter-top-li .scbimgbox_cover {
	width: 100%;
}

.scbfooter-top-li .std-text2 {
	margin: 10px 0;
}

.scbfooter-top-li .std-text2 {
	color: #fff;
}

.scbfooter-top-li {
	margin-bottom: 56px;
}

.yftl-btn {
	position: relative;
	display: inline-block;
	margin: 0 !important;
}

.yftl-btn::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 25%;
	height: 1px;
	background: var(--colorfff);
}

.yftn-left>ul>li>a,
.yftn-right>ul>li>a {
	color: var(--colorfff);
	font-size: var(--font20);
	line-height: var(--line15);
	display: block;
	margin-bottom: 20px;
}

.yftn-left a {
	color: #919191;
	font-size: var(--font16);
	line-height: var(--line15);
	display: block;
	margin-bottom: 12px;
}

.yftn-left {
	width: 70%;
}

.yftn-right {
	width: 30%;
}

.yfts-top .std-h6,
.scbtsbot .std-h6 {
	color: var(--colorfff);
}

.scbtsbot-tel a {
	color: var(--colorfff);
	font-size: 36px;
	line-height: 1.5;
}

.yfts-top {
	margin-bottom: 56px;
}

.yfts-top .std-h6 {
	margin-bottom: 10px;
}

.yfts-top-item {
	margin-right: 40px;
}

.scbfooter-bot {
	padding: 26px 0;
}

.scbfooter-bot .std-h3 {
	margin-bottom: 60px;
}

.scbfooter-bot .std-h3 {
	text-align: center;
	color: var(--colorfff);
}

.scbfooter-bot-cont {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}

.scbfooter-ul {
	display: flex;
	padding-left: 20px;
}

.scbfooter-bot-cont li a,
.scbfooter-bot-cont p a,
.scbfooter-bot-cont p span {
	color: var(--colorfff);
}

.scbfooter-ul li {
	padding: 0 10px;
}

.yftn-left>ul>li {
	margin-bottom: 60px;
}

.yfts-top-item-icon {
	cursor: pointer;
}

.scbfooter-top-li,
.scbfooter-top-li a {
	position: relative;
	display: block;
}

.yftl-float {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 29px 18px 24px 23px;
	align-items: flex-start;
}

.scbfooter-top-li .std-text2 {
	color: var(--color333);
	line-height: var(--line15);
	font-family: var(--familyB);
	font-weight: bold;
	margin-top: 0 !important;
}

.scbfooter-top-li .yftl-btn::before {
	background: var(--color333);
}

.scbfooter-top-li {
	margin-bottom: 43px;
}

.scbfooter-top-ul {
	width: 17.5%;
}

.yftl-float .yftl-btn {
	left: 4px;

}

.yftl-float .yftl-btn {
	font-size: 14px;
}

.yftl-float .yftl-btn {
	display: flex;
	align-items: center;
}

.yftl-btn-icon {
	width: 16px;
	margin-left: 8px;
}

.yftl-btn-icon img {
	width: 100%;
}

.scbfooter-top-li .yftl-btn::before {
	display: none;
}



/* .home-service .swiper-container {

    overflow: hidden;

} */

.home-service #scb-swiper1 {

	/* width: caLc(1400px + calc(calc(100% - 1400px) / 2)); */

	margin: 0 !important;

}



.scb-box16001 {
	/*margin-right: -200px;*/
}



.home-service .swiper-slide {

	width: 25%;

	margin-right: 0;

	border-radius: var(--radius);

	height: auto;

}



.home-service .scbimgbox_cover {

	border-radius: var(--radius) var(--radius) 0 0;

}



.home-service-text {

	padding: 26px 28px 35px;

}



.home-service .std-h3 {

	margin-bottom: 30px;

}



.home-service-text li p {

	color: var(--color333);

	font-size: var(--font16);

	line-height: 1.5;

	width: calc(100% - 22px);

	padding-left: 15px;

}



.home-service-text li {

	display: flex;

	margin-bottom: 15px;

}



.home-service-text li img {

	width: 22px;

	transform: scale(0);

}



.home-service-text .std-h4 {

	margin-bottom: 16px;

}



.home-service-cont {

	height: 100%;

	background: #ebedee;

	border-radius: var(--radius);

}



.home-service .swiper-button-prev:after,

.home-service .swiper-container-rtl .swiper-button-next:after {

	display: none;

}



.home-service .swiper-button-next:after,

.home-service .swiper-container-rtl .swiper-button-prev:after {

	display: none;

}



.std-btn8 {

	display: inline-block;

	position: relative;

}



.std-btn8-box {

	z-index: 2;

	border-radius: 25px;

	padding: 5px 24px;

	position: relative;

	display: block;

	transition: all .6s;

}



.std-btn8-box::after {

	content: "";

	position: absolute;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background: var(--color23);

	transition: all .6s;

	opacity: 1;

	z-index: -1;

	border-radius: 25px;

	transform-origin: 50% 50%;

}



.std-btn8-box::before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: calc(100% - 2px);

	height: calc(100% - 2px);

	border: solid 2px transparent;

	border-radius: 25px;

	transition: all .6s;

	transform-origin: 50% 50%;

}



.std-btn8-box p {

	font-size: var(--font16);

	line-height: 1.75;

	color: var(--colorfff);

	transition: all .6s;

}



.contact-start .std-btn8-box::before {

	border: solid 1px var(--color23);

}



.mod-fllow {

	text-align: center;

	position: relative;

}



.mod-fllow::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	width: calc(50% - 75px);

	height: 1px;

	background: #CDCBC8;

}



.mod-fllow::after {

	content: '';

	position: absolute;

	top: 50%;

	right: 0;

	transform: translateY(-50%);

	width: calc(50% - 75px);

	height: 1px;

	background: #CDCBC8;

}



.head-nav-item-title .std-text2 {

	line-height: 38px;

	padding-right: 8px;

}



.head-nav-item-title {

	padding: 0 20px;

	display: flex;

	margin-top: 21px;

	border-radius: var(--radius);

}



.head-nav-item-title img {

	width: 14px;

}



.hspw-bt-list li a {

	display: flex;

}



.hspw-bt-list li img {

	width: 20px;

}



.hspw-bt-list li p {

	font-size: var(--font14);

	color: var(--color333);

	line-height: var(--line15);

	padding-left: 10px;

}



.hspw-bt-list li {

	margin-bottom: 7px;

}



.mod-nobj .std-btn9-box p {

	padding: 0;

}



.head-nav-item {

	position: relative;

}



.head-nav-item-down {

	border-radius: 20px;

	padding: 25px 30px 35px;

}



.hnid-left-ul {

	display: flex;

	flex-wrap: wrap;

	margin: 0 -20px;

	width: 620px;

	height: 100%;

}



.hnid-remod {

	width: 290px;

	margin-left: 40px;

}



.hnid-left-li {

	width: 50%;

	padding: 0 20px;

}



.hnid-cont {

	display: flex;

}



.hnid-left-li-link {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 14px 28px;

	border-radius: 10px;

}



.hnid-left-li-link img {

	width: 18px;

	transform: translateX(-10px);

	opacity: 0;

}



.hlll-left .std-text2,

.hnid-left-li-link .std-text2 {

	color: var(--color333);

	white-space: nowrap;

	padding-right: 40px;

}



.hlll-left .std-text3 {

	color: var(--color999);

}



.hnid-remod-item .std-text2 {

	color: var(--color333);

}



.hnid-remod-title {

	margin-bottom: 10px;

}



.hnid-remod-item-img {

	margin-top: 30px;

	border-radius: 15px;

	overflow: hidden;

}



.hnid-remod-item-img img {

	border-radius: 15px;

}



.hnid-remod-top {

	margin-bottom: 26px;

}



.hnid-remod-bot-ul {

	margin-top: 14px;

}



.hnid-remod-bot-li,

.hnid-remod-bot-li a {

	display: flex;

	align-items: center;

	justify-content: space-between;

	width: 100%;

	cursor: pointer;

}



.hnid-remod-bot-li .std-text2 {

	color: var(--color333);

}



.hnid-remod-bot-li img {

	width: 18px;

}



.hnid-remod-bot-li {

	margin-bottom: 6px;

}



.scb-videom {

	background: rgba(0, 0, 0, .7);

}



.scb-videom-video {

	border-radius: var(--radius);

}



.scb-videom-close .icon-close:before {

	color: #666;

	font-weight: bold;

}



.scb-videom-close .icon-close {

	font-size: 19px;

}



.scb-videom-close {

	width: 50px;

	height: 50px;

	background: var(--colorfff);

	border-radius: 50%;

	top: -2em;

	right: -2em;

}



.scb-videom-close .icon-close {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.hnid-remod-top {

	padding: 22px;

	border-radius: 20px;

}



.head-nav-item1 .hnid-remod-top {

	background: #C5CEFF;

}



.hnid-right {

	display: flex;

}



.head-nav-item2 .hnid-remod-top {

	background: #C5FFEC;

}



.hnid-mid {

	width: 250px;

	padding-left: 60px;

	padding-right: 30px;

}



.hnid-left {

	border-right: 1px solid rgba(205, 203, 200, .3);

	height: 100%;

}



.head-nav-item2 .hnid-left .hnid-left-li {

	padding: 0 10px;

}



.head-nav-item2 .hnid-left .hnid-left-ul {

	margin: 0 -10px;

}



.hnid-left-two {

	padding-left: 28px;

}



.hnid-left-two {

	margin-bottom: 10px;

}



.head-nav-item3-left {

	padding-right: 40px;

}



.head-nav-item3-cont {

	display: flex;

}



.head-nav-item3-left .hnid-left-two {

	color: var(--color999);

}



.head-nav-item3-right .hnid-left-li-link .std-text2 {

	padding-right: 30px;

}



.head-nav-item3-right {

	border-right: 1px solid rgba(205, 203, 200, .3);

}



.head-nav-item3 .hnid-remod {

	margin-left: 53px;

}



.head-nav-item3-right {

	padding-right: 20px;

}



.head-nav-item3 .head-nav-item-down {

	padding: 25px 60px 30px 25px;

}



.head-nav-item3 .hnid-remod {

	width: var(--space1);

}



/* .head-nav-item4 .head-nav-item-down, */

.head-nav-item5 .head-nav-item-down {

	padding: 28px 28px 15px;

}



.head-nav-item.on .head-nav-item-down {

	display: block;

}



.ys_videom {

	display: none;

}



.yfts-top-item-icon {

	width: 34px;

}



.yfts-top-item-ewm {

	display: none;

	position: absolute;

	bottom: 110%;

	left: 50%;

	transform: translateX(-50%);

	width: 120px;

}



.yfts-top-item:first-child .yfts-top-item-icon {

	width: 60px;

}



.yfts-top-item {

	position: relative;

}



/* common end*/

/* 首页 */

.home-banner {

	position: relative;

}



.home-banner-img-ph {

	display: none;

}



.home-banner-img,

.home-banner-img img {

	width: 100%;

}



.home-banner-title {

	width: 47%;

}



.home-cust-top .std-text2 {

	text-align: center;

	margin-bottom: 8px;

	margin-top: 8px;

}



.home-cust-top-ul {

	display: flex;

	justify-content: space-between;

	margin: 0 -15px;

	padding: 40px 0;

	flex-wrap: wrap;

}



.home-cust-top-cont {

	border-top: 1px solid #CDCBC8;

	border-bottom: 1px solid #CDCBC8;

	/*margin-top: 10px;*/

}



.home-cust-bot .swiper-slide {

	width: 100%;

	margin-right: 30px;

	padding: 56px 72px 30px 85px;

	border-radius: var(--radius);

}



.home-cust-bot .swiper-slide:last-child {

	margin-right: 0 !important;

}



.home-cust-bot .swiper-container {

	width: calc(50vw + 50%);

	overflow: visible;

}



.home-cust-bot-right {

	width: 65%;

	position: relative;

}



.home-cust-bot-cont {

	position: relative;

}



.home-cust-bot .home-cust-bot-left {

	width: 37.6%;

	position: absolute;

	top: 55px;

	left: 0;

}



.home-cust-bot-right img {

	width: 100%;

}



.hcbr-img2 {

	position: absolute;

	top: 0;

	left: 0;

}



.hcbl-icon {

	margin-bottom: 10px;

}



.home-cust-bot-left .std-h4 {

	margin-bottom: 40px;

}



.home-cust-bot .swiper-pagination {

	position: absolute;

	top: 55px !important;

	left: 90px !important;

	width: 200px !important;

	background: #E1E1E1 !important;

	height: 2px !important;

}



.home-cust-bot .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

	height: 4px !important;

	border-radius: 100px !important;

	background: var(--colorblue) !important;

	top: -1px !important;

}



.home-cust-bot #scb-swiper {

	width: 90%;

	margin: 0 !important;

}


.home-solu-bot {

	position: relative;

}



.home-solu-bot-cont {

	opacity: 0;

	pointer-events: none;

	position: absolute;

	width: 100%;

	bottom: 0;

	left: 0;

	transition: all 0s ease;

	transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

	transform-style: preserve-3d;

}



.home-solu-bot-cont.on {

	display: block;

}



.home-solu-tab {

	position: relative;

}



.home-solu-top-cont {

	border-radius: var(--radius);

	background: #f6f8fa;

	padding: 6px 8px;

	display: inline-block;

	height: 100%;

}



.home-solu-tab-item p {

	line-height: 46px;

	color: var(--color333);

	font-size: var(--font20);

	width: 130px;

	text-align: center;

	cursor: pointer;

	border-radius: var(--radius);

}



.home-solu-tab-item {

	position: relative;

	z-index: 10;

}



.home-solu-tab-item.on p {

	color: var(--colorfff);

}



.home-solu-top-bj {

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	width: 130px;

	height: 46px;

	border-radius: var(--radius);

	/* background: var(--color333); */

	opacity: 0;

}



.home-solu-top-bj.active {

	opacity: 1;

}



.hsbt-num-cont {

	font-family: var(--familyB);

	font-size: 250px;

	color: var(--color23);

}



.home-solu-bot {

	margin-top: 60px;

}



.hsbt-num .std-text2 {

	margin-top: 20px;

}



.home-solu-bot-data {

	display: flex;

	justify-content: space-between;

}



.hsbt-text {

	width: 33.6%;

	padding-top: 3%;

}



.hsbt-text .std-h4 .std-text2 {

	color: var(--color666);

}



.hsbt-text .std-text2 {

	color: var(--color333);

}



.hsbt-text .std-h4 {

	margin-bottom: 16px;

}



.hsbt-text .std-btn9 {

	margin-top: 16px;

}



.home-solu-bot-logo {

	padding: 0 5%;

}



.hsbl-logo-li .scbimgbox_cover {

	width: 150px;

	height: 150px;

	background: var(--colorfff);

	border-radius: 50%;

}



.hsbl-logo-li {

	width: 150px;

	margin: 0 10px;

}



/* .hsbl-logo2 .hsbl-logo-ul {

    animation: donghua 50s linear infinite;

} */



@keyframes donghua {

	from {

		transform: translateX(0);

	}



	to {

		transform: translateX(-100%);

	}

}



/* .hsbl-logo1 .hsbl-logo-ul {

    animation: donghua1 50s linear infinite;

} */



@keyframes donghua1 {

	from {

		transform: translateX(-100%);

	}



	to {

		transform: translateX(0);

	}

}



.hsbl-logo-ul2 {

	transform: translateX(100%);

}



.hsbl-logo {

	width: 10000px;

}



.hsbl-logo1 {

	margin-bottom: 10px;

}



.home-solu-bot-data {

	margin-bottom: 90px;

}



.home-solu-bot-logo {

	position: relative;

}



.home-solu-bot-logo::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 25%;

	height: 100%;

	background: linear-gradient(90deg, #F9F8F5 35%, rgba(249, 248, 245, 0.00) 100%);

	z-index: 1;

}



.home-solu-bot-logo::after {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	width: 25%;

	height: 100%;

	background: linear-gradient(-90deg, #F9F8F5 35%, rgba(249, 248, 245, 0.00) 100%);

	z-index: 1;

}



.home-part {
	padding: 130px 0;
}



.home-news-top,

.hnbc-top {

	display: flex;

	justify-content: space-between;

}



.hnbc-top-right {

	width: 58%;

	border-radius: var(--radius);

}



.hnbc-top-left {

	width: 42%;

	padding-right: 9%;

	padding-top: 30px;

}



.home-news-tag {

	line-height: 30px;

	border-radius: 5px;

	background: var(--colorbj2);

	padding: 0 10px;

	color: #888;

	display: inline-block;

}

.home-news-tag1 {

	line-height: 30px;

	border-radius: 5px;

	background: var(--colorbj2);

	padding: 0 10px;

	color: #888;

	display: inline-block;

}



.hnbc-top-left-tag {

	display: flex;

	align-items: center;

}



.hnbc-top-left-tag .home-news-tag {

	margin-right: 14px;

	position: relative;

}



.hnbc-top-left-tag .home-news-tag::before {

	content: '';

	position: absolute;

	top: 50%;

	left: -14px;

	transform: translateY(-50%);

	height: 80%;

	width: 1px;

	background: var(--color999);

}



.hnbc-top-left .std-h5 {

	margin: 22px 0 30px;

}



.hnbc-bot {

	display: flex;

	margin: 0 -15px;

}



.hnbc-bot-item {

	width: 25%;

	padding: 0 15px;

}



.hnbc-top {

	margin-bottom: 30px;

}



.hnbc-bot-item a {

	background: #ebedef;

	padding: 30px 30px 75px 30px;

	border-radius: var(--radius);

	display: block;

	height: 100%;

	position: relative;

}



.hnbc-bot-item .home-news-tag {

	background: #EDE8DD;

}



.hnbc-bot-item .std-h6 {

	margin: 11px 0;

}



.hnbc-bot-item-arrow {

	position: absolute;

	bottom: 34px;

	left: 28px;

	width: 24px;

	height: 24px;

}



.home-news-bot {

	position: relative;

}



.home-news-bot-cont {

	opacity: 0;

	pointer-events: none;

	position: absolute;

	width: 100%;

	bottom: 0;

	left: 0;

	transition: all 0s ease;

	transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

	transform-style: preserve-3d;

}



.home-news-bot-cont.on {

	opacity: 1;

	pointer-events: all;

	position: relative;

	transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

	transform-style: preserve-3d;

	transition: all 1.5s ease, opacity 0s ease;

}



.mod-cta .scbbox1400 {

	position: relative;

}



.mod-cta-text {

	position: absolute;

	top: 42%;

	left: 50%;

	transform: translate(-50%, -50%);

	padding: 0 112px;

	width: 100%;

}



.mod-cta-text .std-text2 {

	margin: 16px 0 26px;

}







.home-data-li {

	padding: 45px 0;

	border-bottom: 1px solid #CDCBC8;

	display: flex;

	justify-content: space-between;

	padding-right: 14%;

}



.home-data-li-num {

	display: flex;

}



.home-data-li-num {

	color: var(--color23);

	font-size: var(--data170);

	font-family: var(--familyB);

}



.home-data-li .std-h6 {

	color: var(--color666);

	margin-top: 10px;

}



.home-data .std-h3 {

	margin-bottom: 55px;

}



.home-data-li:last-child {

	border-color: transparent;

}



.home-data {

	padding-bottom: 60px;

}



.home-service-title {

	display: flex;

	justify-content: space-between;

}



.swiper-arrow-left,

.swiper-arrow-right {

	cursor: pointer;

}



.swiper-arrow {

	display: flex;

}



.swiper-arrow-left,

.swiper-arrow-right {

	position: relative;

}



.swiper-arrow img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 28px;

}



.swiper-arrow-right {

	margin-left: 16px;

}



.swiper-arrow img:last-child {

	opacity: 0;

}



.home-news,

.home-rely {

	padding-bottom: 0;

	border-color: transparent;

}



.home-news-cont,

.home-rely-cont {

	margin-bottom: 50px;

}



.head-change a {

	color: var(--color333);

	font-size: var(--line16);

	line-height: 80px;

}



.head-tel {
	font-size: 18px;
	line-height: 80px;
	font-weight: bold;
	color:#202020;
}



.head-right {

	display: flex;

}



.head-change {

	margin: 0 36px;

}



.head-nav {

	margin-right: 36px;

}



.head-right .std-btn8 {

	margin-top: 21px;

}



.head-search {

	position: relative;

	margin-left: 36px;

}



.head-search-icon {

	width: 32px;

	height: 80px;

	cursor: pointer;

	text-align: center;

	display: flex;

	align-items: center;

}



.head-search-icon img {

	width: 16px;

}



.head-search-pull-wrap {

	max-width: 1024px;

	margin: auto;

	padding: 32px 22px 80px;

}



.hspw-tp-close-btn {

	width: 14px;

	height: 14px;

	border-radius: 50%;

	background: rgb(110, 110, 115);

	position: relative;

	opacity: 0;

	visibility: hidden;

	z-index: 2;

	transition: opacity .32s cubic-bezier(.4, 0, .6, 1), fill .32s cubic-bezier(.4, 0, .6, 1), visibility .32s step-end;

}



.hspw-tp-close-btn .icon-close {

	color: #fff;

	font-size: 6px;

	text-align: center;

}



.hspw-tp-close {

	width: 32px;

	height: 32px;

	position: relative;

	cursor: pointer;

}



.hspw-tp-close.active .hspw-tp-close-btn {

	opacity: 1;

	visibility: visible;

	transition: opacity .32s cubic-bezier(.4, 0, .6, 1), fill .32s cubic-bezier(.4, 0, .6, 1), visibility .32s step-start;

}



.hspw-tp-icon {

	width: 26px;

	cursor: pointer;

}



.hspw-tp-icon img {

	width: 100%;

}



.hspw-tp-input {

	width: calc(100% - 32px - 32px);

	height: 40px;

	padding-left: 5px;

}



.hspw-tp-input input {

	width: 100%;

	height: 100%;

	padding: 0 10px;

	font-size: 20px;

	color: #333;

}



.hspw-tp-input input::placeholder {

	font-size: 24px;

	color: var(--color666);

}



.head-search-pull {

	position: fixed;

	top: 80px;

	left: 0;

	width: 100%;

	background: #FAF8F5;

	height: 0;

	overflow: hidden;

	transition: height 200ms cubic-bezier(.4, 0, .6, 1);

}



.hspw-tp {

	display: flex;

	align-items: center;

}



.hspw-bt {

	margin-top: 32px;

}



.hspw-bt-list a {

	font-size: 14px;

	display: block;

	line-height: 1.75;

	transition: all .36s;

	color: var(--color23);

}



.hspw-bt-parga p {

	font-size: 14px;

	line-height: 1.75;

	transition: all .36s;

	color: #999;

}



.hspw-bt-parga {

	margin-bottom: 20px;

}



.hspw-bt-list li {

	margin-bottom: 5px;

}



.hspw-bt-list li:last-child {

	margin-bottom: 0;

}



.search-bg {

	background: rgba(232, 232, 237, .4);

	-webkit-backdrop-filter: blur(20px);

	backdrop-filter: blur(20px);

	visibility: hidden;

	position: fixed;

	opacity: 0;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 9;

	transition: opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s step-end 80ms;

}



.search-bg.active {

	opacity: 1;

	visibility: visible;

	transition: opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s step-start 80ms;

}



.home-wrap {

	background: #fff;

	width: 100%;

	height: 100vh;

	display: flex;

	justify-content: center;

	align-items: center;

}



.home-wrap p {

	font-size: 50px;

	line-height: 1.75;

	color: #333;

	font-weight: bold;

}



@keyframes globalnav-search-input-intro {

	0% {

		opacity: 0;

		transform: translateY(-4px)
	}



	to {

		opacity: 1;

		transform: translateY(0)
	}

}



.head-search.act .hspw-tp {

	animation: globalnav-search-input-intro .24s cubic-bezier(.4, 0, .6, 1) .2s both;

}



.head-search.act .hspw-bt-parga {

	animation: globalnav-search-input-intro .32s both normal cubic-bezier(.4, 0, .6, 1) .2s;

}



.head-search.act .hspw-bt-list li {

	animation: globalnav-search-input-intro .32s both normal cubic-bezier(.4, 0, .6, 1) calc(.2s + 50ms * var(--item-number));

}



.hspw-tp-close-btn img {

	width: 14px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.hsbt-num-cont-span2 {

	font-size: var(--font80);/*var(--data170)*/

}



.head-nav-item.on .hnid-left-li,

.head-nav-item.on .hnid-mid-li {

	animation: nav .5s both normal cubic-bezier(.645, .045, .355, 1) calc(30ms * var(--item-number));

}



@keyframes nav {

	0% {

		opacity: 0;

		transform: translateY(40px)
	}



	to {

		opacity: 1;

		transform: translateY(0)
	}

}



.home-page {

	height: 100vh;

}



.home-banner {

	width: auto;

	height: calc(100% - 150px);

}



.home-banner-img img {

	width: auto;

	height: 100%;

	max-width: inherit;

	position: relative;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	object-fit: cover;

}



.home-page {

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.home-banner-img {

	width: 100%;

	height: 100%;

}



.hcbr-img3 {

	position: absolute;

	top: -5%;

	right: -30%;

}



.move-on.open.home-customer .swiper-slide-active .hcbr-img3 {

	animation: case 1s cubic-bezier(.645, .045, .355, 1) both;

	animation-delay: .2s;

}



@keyframes case {

	0% {

		top: -5%;

		right: -30%;

	}



	100% {

		top: 0%;

		right: 0%;

	}

}



.home-ban .std-btn9.open {

	--btnw: 56px;

}



.home-ban .std-btn9.open p {

	opacity: 1;

}



.home-solu-bot-cont.on {

	opacity: 1;

	pointer-events: all;

	position: relative;

	transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

	transform-style: preserve-3d;

	transition: all 1.5s ease, opacity 0s ease;

}



.home-service-text-img {

	position: relative;

	height: 100%;

}



.home-service-text-img img:last-child {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

	width: 14px;

}



.home-service-text-img img:first-child {

	width: 100%;

	transform: scale(0.2);

}



.home-service-text-img img:first-child {

	transition: all .36s ease-out;

}



.home-service-text-img img:last-child {

	transition: all .6s ease-in-out;

}



.move-on.open.home-service-text-img img:first-child {

	transform: scale(1);

}



.move-on.open.home-service-text-img img:last-child {

	transition-delay: .5s;

	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

}





















.home-part.mod-cta {

	border-color: transparent;

}



.home-cust-top-li {

	width: 12.5%;

}



/* 轮播溢出隐藏 */

.scb-ban-li:not(:first-child) {

	display: none;

}



.home-ban .std-btn9-box {

	transition: all .5s ease-out;

}



.home-solu-tab-item p,

.home-solu-top-bj,

.scbfooter-top-nav a,

.head-nav-item-title,

.hnid-left-li-link img,

.hnid-left-li-link,

.hnid-remod-item-img img,

.hnid-remod-bot-li,

.head-nav-item-title,

.hcbr-img3 {

	transition: all .36s;

}



.home-solu-tab-item p,

.hnbc-bot-item-arrow,

.yftl-btn::before,

.swiper-arrow img {

	transition: all .5s;

}



/* 内页 */

/* tammy - start */

.ys-cont900 {

	width: 900px;

	max-width: 100%;

	margin: 0 auto;

}



/* d1 - start */

.service-main {

	background: var(--colorbj2);

}



.service-title {

	padding-top: var(--space2);

	padding-bottom: var(--space2);

}



.service-title-left {

	width: 50%;

}



.service-title-right {

	width: 41%;

}



.service-title-cry,

.sili-cry {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

}



.service-title-right .std-text2,

.service-title-right .std-text2 p {

	line-height: var(--line165);

	color: var(--color666);

}



.service-inof-list-item {
	padding-top: var(--space2);
	padding-bottom: var(--space2);
}
.service-title-left .std-h3 {
	margin-bottom: var(--space3);
}
.sili-cry-img {

	position: relative;

	-webkit-mask-image: var(--mask);

	mask-image: var(--mask);

	-webkit-mask-size: 100%;

	mask-size: 100%;

	-webkit-mask-repeat: no-repeat;

	mask-repeat: no-repeat;

	-webkit-mask-position: center;

	mask-position: center;

	position: relative;

}



.sili-cry-img img {

	width: 100%;

}



.sili-cry-img video {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	object-fit: contain;

	background: transparent !important;

}



.service-inof-list-item:last-child {

	border-bottom: 1px solid #CDCBC8;

}



.service-title-right .std-h4 {

	margin-bottom: 63px;

}



.service-title-right .std-text2 {

	margin-bottom: 35px;

}



.sili-text p {

	color: var(--color333);

	line-height: var(--line15);

	position: relative;

	padding-left: 31px;

	margin-bottom: 17px;

}



.sili-text p:last-child {

	margin-bottom: 0;

}



.sili-text p::before {

	content: '';

	width: 22px;

	height: 22px;

	background-size: 100% 100%;

	background-image: var(--mark);

	position: absolute;

	left: 0;

	top: 7px;

}



.service-inof-list-item {

	border-top: 1px solid #CDCBC8;

}



.sili-text {

	margin-bottom: 47px;

}



.service-process {

	/* padding-top: var(--space2); */

	z-index: 3;

}



.service-process-box {

	overflow: hidden;

}



.service-process .scbbox1400 {

	position: relative;

	z-index: 3;

}



.service-process .scbbox1400::before {

	content: '';

	border-radius: var(--radius) 0 0 var(--radius);

	background: var(--colorfff);

	position: absolute;

	left: 0;

	top: 0;

	margin-right: calc(700px - 50vw);

	height: 100%;

	width: calc(100% + calc(50vw - 700px));

}



.service-process-cry {

	padding: var(--space2) 0;

	position: relative;

	z-index: 6;


}



.spcl-item-data {

	font-family: var(--familyM);

	font-size: 128px;

	line-height: 1;

	color: var(--color23);

}



.spcl-item:first-child .spcl-item-data {

	font-size: var(--data170);

}



.spcl-item .std-h6 {


	line-height: 1.4;

	margin-bottom: 20px;

}


.spcl-item .content {

	line-height: 1.5;

}



.spcl-item {

	width: 100%;

	position: relative;

	display: flex;

	justify-content: space-between;
	border-bottom: 1px solid #CDCBC8;
	padding: 20px 0;
}


.honorBox {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}


.menu-item {
	position: relative;

	padding: 20px 0;

	border-bottom: 1px solid #999;

	cursor: pointer;

	transition: all 0.3s ease;

	color: #333;

	background-color: transparent;
	font-size: 20px;

}

.menu-item:hover {
	background-color: #000;
	color: #fff;
}


.image-container img {
	max-width: 100%;
	max-height: 100%;
	display: none;
	height: 420px;
}

.image-container img.active {
	display: block;
	animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}







.service-process-cry-list {

	display: flex;

	flex-wrap: wrap;

}
.spcl-item:first-child {

	padding-bottom: 38px;

	padding-top: 0;

}

.service-process-cry-list {

	--distance160: 160px;

	margin-top: -30px;

}

.service-process-cry .std-h3 {

	width: 46%;

}

.service-process {

	position: relative;

}



.service-firm::before {

	content: '';

	background: #020514;

	top: -500px;

	height: 500px;

	width: 100%;

	left: 0;

	position: absolute;

}



.service-firm {

	position: relative;

	background: #020514;

	padding-top: var(--space1);

}



.service-firm-top-nub .std-h3 {

	padding: 0 var(--distance37);

	position: relative;

	cursor: pointer;



}



.service-firm-top {

	--distance37: 37px;

	margin: 0 calc(var(--distance37) * -1);

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	margin-bottom: 78px;

}



.service-firm-top-nub .std-h3 {

	color: #bbb;

	transition: all .4s ease;

}



.service-firm-top-nub.on .std-h3 {

	color: var(--colorfff);

}



.service-firm-top-nub .std-h3::before {

	content: '/';

	font-size: inherit;

	color: #bbb;

	line-height: inherit;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translate(50%, -50%);

}



.service-firm-top-nub:last-child .std-h3::before {

	display: none;

}



.service-firm-rotate {

	border-top: 1px solid var(--colorfff);

	margin-bottom: 172px;

	position: relative;

}



.service-card-item-icon {

	width: 80px;

	margin: 0 auto;

	margin-bottom: 20px;

}



.service-card-item .std-text1 {

	text-align: center;

	color: var(--colorfff);

	line-height: var(--line13);

}



.service-card {

	border-radius: var(--radius);

	background: rgba(52, 52, 52, 0.45);

	display: flex;

	flex-wrap: wrap;

}



.service-card-item {

	width: 20%;

	padding: 44px 5px 40px;

}



/* d1 - end */

/* d2 - start */

.why-main {

	background: var(--colorbj1);

}



.why-select .std-h1 {

	text-align: center;

	line-height: 1.325;

	margin-bottom: var(--space3);

}



.why-select .std-h4,

.why-select .std-h4 p {

	line-height: var(--line15);

	text-align: center;

}



.yx-case3-box {

	width: 100%;

	height: 60vh;

	position: absolute;

	top: 0;

	left: 0;

	pointer-events: none;

}



.why-select .std-h4 {

	position: relative;

}



.service-firm {

	padding-bottom: 126px;

}



/* d2 - end */

.mod-anchor {

	height: var(--anchor);

}



.anchor-box {

	border-bottom: 1px solid #CDCBC8;

	width: 100%;

}



.anchor-box .scbbox1400 {

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.anchor-box-list {

	display: flex;

	--distance17d5: 17.5px;

	margin: 0 calc(var(--distance17d5) * -1);

}



.scbbread-list a,

.anchor-box-list-item .std-text3 {

	line-height: var(--anchor);

	color: var(--color999);

	font-size: var(--font14);

	transition: all .4s ease;

}



.anchor-box-list-item {

	padding: 0 var(--distance17d5);

	cursor: pointer;

}



.scbbread {

	--distance12: 12px;

	margin: 0 calc(var(--distance12) * -1);

}



.scbbread-list {

	padding: 0 var(--distance12);

}



.scbbread-list::before {

	content: '';

	background-image: url(../images/scb_icon_sanjiao.svg);

	width: 12px;

	height: 12px;

	background-size: 100% 100%;

	position: absolute;

	top: 50%;

	right: -6px;

	transform: translateY(-50%);

}



/*
.scbbread-list:last-child a {

	color: var(--color333);

}
*/



.anchor-box-list-item.act .std-text3 {

	color: var(--color333);

}



.anchor-box {

	background: var(--colorbj1);

	position: fixed;

	top: var(--head);

	left: 0;

	width: 100%;

	z-index: 90;

	transform: translateY(0);

	transition: all .4s ease;

}



.inside-main.up .anchor-box {

	transform: translateY(calc(var(--head) * -1));

}



.inside-main.up .scbhdpc {

	transform: translateY(calc(var(--head) * -1));

}



.scbhdpc {

	transition: all .4s ease;

}



.why-select {

	padding-top: var(--space1);

	padding-bottom: var(--space1);

}



.yx-case3 span {

	transition: all .8s ease-in-out;

}



.yx-case3 .active {

	background: linear-gradient(180deg, #57AFBE 0%, #3ECB6F 100%);

	background-clip: text;

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}



.why-inof {

	padding-top: var(--space2);

	padding-bottom: var(--space1);

}



.why-inof-cry {

	--distance15: 15px;

	margin: 0 calc(var(--distance15) * -1) calc(var(--distance15) * -2);

	display: flex;

	flex-wrap: wrap;

}



.why-inof-cry-nub {

	width: 50%;

	padding: 0 var(--distance15);

	margin-bottom: calc(var(--distance15) * 2);

}



.why-inof-cry-nub:first-child {

	width: 100%;

}



.wicn-box {

	width: 100%;

	height: 100%;

	border-radius: var(--radius);

	overflow: hidden;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	position: relative;

}



.wicn-box-bg {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all .4s ease;

}



.wicn-box-play {

	width: 80px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 6;

	cursor: pointer;

}



.wicn-box-play img {

	width: 100%;

}



.wicn-box-text {

	position: absolute;

	width: 100%;

	bottom: 0;

	left: 0;

	padding: 0 65px 64px;

	z-index: 10;

}



.wicn-box-text .std-h6 {

	color: rgba(255, 255, 255, .8);

	line-height: var(--line15);

	margin-bottom: 24px;

}



.wicn-box-text .std-h4 {

	color: var(--colorfff);

	line-height: var(--line15);

}



.why-inof-cry-nub:first-child .wicn-box::before {

	content: '';

	background: rgba(0, 0, 0, 0.2);

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 3;

}



.why-inof-cry-nub2 .wicn-box {

	background: #1B1B1D;

	padding: 49px 59px 80px;

}



.wicn-box-icon {

	width: 59px;

}



.wicn-box-icon img {

	width: 100%;

}



.wicn-box-data,

.wicn-box-data span {

	font-size: var(--data170);

	font-family: var(--familyB);

	line-height: 1;

	color: var(--colorfff);

}



.wicn-box-data span {

	margin-right: 8px;

}



.wicn-box-data i {

	font-size: var(--font32);

	line-height: var(--line15);

	color: var(--colorfff);

	font-style: normal;

}



.wicn-box-bot .std-h4 {

	color: var(--colorfff);

}



.why-inof-cry-nub2 .wicn-box {

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.wicn-box-data {

	margin-bottom: 25px;

}



.wicn3-core {

	padding: 77px 54px;

	position: absolute;

	top: 0;

	left: 0;

	width: 332px;

}



.wicn3-core .std-h4 {

	color: var(--colorfff);

	line-height: var(--line15);

	margin-bottom: 27px;

}



.wicn3-core .std-h6 {

	color: rgba(255, 255, 255, .8);

	line-height: var(--line15);

	padding-right: 20px;

}



.wicn4-core {

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	padding: 47px 54px 0;

}



.wicn4-core .std-h6 {

	margin-bottom: 24px;

	color: rgba(255, 255, 255, .8);

}



.wicn4-core .std-h4 {

	color: var(--colorfff);

	line-height: var(--line15);

}



.why-inof-cry-nub5 .wicn-box {

	background: var(--colorfff);

	padding: 47px 64px;

}



.why-inof-cry-nub5 .std-h6 {

	color: rgba(153, 153, 153, .8);

	line-height: var(--line15);

	margin-bottom: 93px;

}



.why-inof-cry-nub5 .std-h3 {

	padding: 0 18px;

	width: calc(8em + 36px);

}



.why-link {

	background: var(--color23);

	padding-top: var(--space2);

	padding-bottom: var(--space1);

}



.why-link .std-h3 {

	color: var(--colorfff);

	line-height: var(--line13);

	margin-bottom: var(--space2);

}



.wlln-icon {

	width: 90px;

	margin-left: 44px;

}



.wlln-icon img {

	width: 100%;

}



.why-link-list-nub {

	display: flex;

	justify-content: flex-start;

	align-items: center;

}



.why-link-list-nub:first-child {

	justify-content: flex-start;

}



.why-link-list-nub:nth-of-type(2) {

	justify-content: center;

}



.why-link-list-nub:nth-of-type(3) {

	justify-content: flex-end;

}



.wlln-font {

	font-size: var(--data170);

	font-family: var(--familyB);

	line-height: 1;

	color: var(--colorfff);

	overflow: hidden;

}



.wlln-font span {

	transform: scaleY(0);

	display: inline-block;

	transform-origin: 50% 100%;

	will-change: transform;

}



.why-link-list-nub.on .wlln-font span {

	animation: textFadeup .7s cubic-bezier(0.26, 1, 0.48, 1) both;

	will-change: transform;

}



@keyframes textFadeup {

	0% {

		transform: scaleY(0);

	}



	100% {

		transform: scaleY(1);

	}

}



@-webkit-keyframes textFadeup {

	0% {

		transform: scaleY(0);

	}



	100% {

		transform: scaleY(1);

	}

}



.wlln-icon {

	opacity: 0;

	animation: 7.5s linear 0s infinite normal none running rotateSign;

	display: inline-block;

	transform-origin: center center;

	transition: opacity 1s .9s linear;

}



.why-link-list-nub.on .wlln-icon {

	opacity: 1;

}



@keyframes rotateSign {

	0% {

		transform: rotate(0deg);

	}



	100% {

		transform: rotate(360deg);

	}

}



@-webkit-keyframes rotateSign {

	0% {

		transform: rotate(0deg);

	}



	100% {

		transform: rotate(360deg);

	}

}



.why-link .scbbox1400 {

	position: relative;

	z-index: 3;

}



.why-link,

.why-exp {

	position: relative;

}



.why-link::before {

	content: '';

	background: var(--color23);

	height: 100vh;

	width: 100vw;

	position: absolute;

	top: 0;

	left: 0;

}



.why-exp {

	padding-left: 40px;

	padding-right: 40px;

	position: relative;

	z-index: 6;

}



.why-exp-cry {

	background: var(--colorbj1);

	border-radius: 20px 20px 0 0;

	padding-top: var(--space2);

	padding-bottom: var(--space1);

}



.why-exp-cry .std-h3 {

	margin-bottom: var(--space3);

	color: var(--color333);

	line-height: var(--line13);

}



.wecl-item {

	margin-bottom: 25px;

	position: relative;

	padding: 29px 32px 28px;

	display: flex;

}



.wecl-item:last-child {

	margin-bottom: 0;

}



.wecl-item::before {

	content: '';

	background: var(--bg1);

	position: absolute;

	border-radius: var(--radius);

	width: 100%;

	height: 100%;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	transition: all .4s ease;

}



.wecl-item-logo {

	width: 356px;

	height: 356px;

	border-radius: var(--radius);

	background: var(--bg2);

	position: relative;

}



.wecl-item-logo-icon {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 270px;

}



.wecl-item-text {

	/* 59.2 */

	width: calc(59.2% - 210.752px);

	padding-left: 55px;

	padding-right: 61px;

	padding-top: 27px;

	padding-bottom: 12px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.wecl-item-data {

	/* 40.8 */

	width: calc(40.8% - 145.248px);

	border-left: 1px solid #CDCBC8;

	display: flex;

	flex-direction: column;

	justify-content: flex-end;

	padding: 0 0 12px 34px;

}



.wecl-item-text .std-h6,

.wecl-item-text .std-h6 p {

	color: var(--color333);

	line-height: var(--line165);

}



.wecl-item-logo,

.wecl-item-text,

.wecl-item-data {

	position: relative;

	z-index: 6;

}



.wecl-item-text-inof p {

	margin-bottom: 4px;

}



.wecl-item-text-inof p:last-child {

	margin-bottom: 0;

	color: var(--color23);

}



.wecl-item-data-font {

	color: var(--color23);

	font-size: 96px;

	line-height: 1;

	margin-bottom: 9px;

}



.wecl-item-data .std-text2 {

	color: rgba(0, 0, 0, 0.7);

	line-height: var(--line13);

}



.why-case {

	border-top: 1px solid #CDCBC8;

	padding-top: var(--space2);

	padding-bottom: var(--space1);

	position: relative;

	z-index: 7;

	background: var(--colorbj1);

}



.wccl-data {

	color: var(--color23);

	font-size: var(--data170);

	font-family: var(--familyB);

}



.why-case-cry {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	margin-bottom: 49px;

}



.why-case-cry-left {

	display: flex;

	align-items: flex-end;

}



.why-case-cry-left .std-h3 {

	margin-left: 23px;

}



.why-case-cry-right {

	padding-top: 87px;

	width: 396px;

}



.wccr-item {

	border-bottom: 1px solid #CDCBC8;

	display: flex;

	justify-content: space-between;

	padding-top: 16px;

	padding-bottom: 5px;

	padding-left: 11px;

	padding-right: 14px;

}



.wccr-item .std-h6 {

	color: var(--color333);

	line-height: var(--line15);

}



.why-case-img {

	width: 521px;

	margin: 0 auto;

	margin-bottom: -1px;

	position: relative;

	z-index: 3;

}



.why-case-img img {

	width: 100%;

}



.why-case-logo {

	border-top: 1px solid #CDCBC8;

	background: var(--colorbj1);

	position: relative;

	z-index: 3;

}



.wclh-list-item {

	width: 172px;

	display: inline-block;

	position: relative;

}



.wclh-list {

	width: calc(172px * var(--width-shu));

	white-space: nowrap;

	font-size: 0;

}



.wclh-list2 {

	transform: translateX(100%);

	position: absolute;

	top: 0;

	left: 0;

}



.wclh-list1 {

	transform: translateX(0);

}



.wclh-list1 {

	animation: donghua calc(1.8s * var(--width-shu)) linear infinite;

}



.wclh-list2 {

	animation: donghua2 calc(1.8s * var(--width-shu)) linear infinite;

}



.why-case-logo-horse:nth-of-type(2n-1) .wclh-list2 {

	transform: translateX(-100%);

	position: absolute;

	top: 0;

	left: 0;

}



@keyframes donghua {

	from {

		transform: translateX(0);

	}



	to {

		transform: translateX(-100%);

	}

}



@keyframes donghua2 {

	from {

		transform: translateX(100%);

	}



	to {

		transform: translateX(0);

	}

}



.why-case-logo-horse:nth-of-type(2n-1) .wclh-list1 {

	animation: donghua3 calc(1.8s * var(--width-shu)) linear infinite;

}



.why-case-logo-horse:nth-of-type(2n-1) .wclh-list2 {

	animation: donghua4 calc(1.8s * var(--width-shu)) linear infinite;

}



@keyframes donghua3 {

	from {

		transform: translateX(0);

	}



	to {

		transform: translateX(100%);

	}

}



@keyframes donghua4 {

	from {

		transform: translateX(-100%);

	}



	to {

		transform: translateX(0);

	}

}



.wclh-lil-circle {

	width: 150px;

	height: 150px;

	background: var(--colorfff);

	border-radius: 50%;

	transition: all .4s ease;

}



.wclh-list-item-link {

	position: relative;

}



.wclh-list-item {

	padding: 0 11px;

}



.wclh-lil-wrap {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 100%;

	transform: translate(-50%, -50%);

}



.wclh-lil-wrap-icon {

	width: 100%;

	opacity: 1;

	transition: all .36s ease;

}



.wclh-lil-wrap-icon img {

	transform: scale(1) !important;

}



.wclh-lil-wrap-text {

	position: absolute;

	width: 100%;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -30%);

	text-align: center;

	opacity: 0;

	pointer-events: none;

	transition: all .4s ease;

}



.wclh-lil-wrap-text .std-h6 {

	margin-bottom: 4px;

}



.why-case-logo {

	padding-top: 31px;

}



.why-case-logo-horse {

	margin-bottom: 9px;

	position: relative;

}



.why-case-logo-horse:last-child {

	margin-bottom: 0;

}



.why-case-logo-horse2 {

	transform: translateX(48px);

}



.why-approve {

	background: var(--colorbj2);

	padding-top: var(--space2);

	overflow: hidden;

}



.why-approve .std-h3 {

	margin-bottom: 23px;

}



.why-approve-cry-list {

	width: 100%;

}



.why-approve-cry-left {

	width: calc(100% - 364px);

}



.wacl-list-item-img {

	width: 531px;

}



.wacl-list-item-text {

	padding-left: 30px;

}



.wacl-lit-yin {

	width: 51px;

	margin-bottom: 24px;

}



.wacl-lit-yin img {

	width: 100%;

}



.wacl-list-item-text .std-h6,

.wacl-list-item-text .std-h6 p {

	color: var(--color333);

	line-height: var(--line165);

}



.wacl-list-item-text .std-h6 {

	margin-bottom: 24px;

}



.wacl-core-icon {

	width: 84px;

	position: relative;

	z-index: 10;

}



.wacl-core {

	display: flex;

	align-items: center;

	height: 100%;

	position: relative;

}



.why-approve-cry {

	display: flex;

	align-items: flex-end;

}



.wacl-list {

	position: relative;

}



.wacl-list-item {

	display: flex;

	opacity: 0;

	pointer-events: none;

	position: absolute;

	width: 100%;

	bottom: 0;

	left: 0;

	transition: all 0s ease;

	transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

	transform-style: preserve-3d;

}



.wacl-list-item.act {

	opacity: 1;

	pointer-events: all;

	position: relative;

	transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

	transform-style: preserve-3d;

	transition: all 1.5s ease, opacity 0s ease;

}



.wacl-list-item-text {

	width: calc(100% - 531px);

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding-right: 150px;

}



.why-approve-cry-list {

	height: 500px;

	overflow: hidden;

}



.why-approve-cry-right {

	padding-bottom: 125px;

	width: 364px;

	position: relative;

}



.wacl-core::before {

	content: '';

	background: #CDCBC8;

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	width: calc(100% - 4px);

	height: 1px;

	transition: all .4s ease;

}



.swiper-slide.no_act .wacl-core::before {

	opacity: 0;

}



.wacl-core {

	padding: 11px 28px 0;

}



.wecl-item-text-inof {

	width: calc(100% - 84px);

	padding-left: 32px;

	position: relative;

	z-index: 10;

}



.wacl-core::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	background: #DFD8C8;

	border-radius: 20px;

	bottom: 0;

	left: 0;

	transition: all .4s ease;

	opacity: 0;

}



.why-approve-cry-list .swiper-slide.act .wacl-core::after {

	opacity: 1;

}



.why-approve-cry-list .swiper-slide.act .wacl-core::before {

	opacity: 0;

}



.why-approve-cry-list .swiper-slide {

	cursor: pointer;

}



.why-approve-cry-right .swiper-button-next,

.why-approve-cry-right .swiper-button-prev {

	width: 25px;

	height: 25px;

	left: 50%;

	transform: translateX(-50%);

	right: auto;

	margin-top: 0;

}



.why-approve-cry-right .swiper-button-next::before,

.why-approve-cry-right .swiper-button-prev::before {

	content: '';

	background-image: url(../images/0d2_icon3.svg);

	background-size: 100% 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	height: 100%;

}



.why-approve-cry-right .swiper-button-prev::before {

	transform: translate(-50%, -50%) rotate(180deg);

}



.why-approve-cry-right .swiper-button-next {

	bottom: 75px;

	top: auto;

}



.why-approve-cry-right .swiper-button-prev {

	top: -50px;

}



.why-approve-cry-right .swiper-button-next::after,

.why-approve-cry-right .swiper-button-prev::after {

	opacity: 0 !important;

	pointer-events: none;

}



.why-approve-cry-right .swiper-button-next.swiper-button-disabled,

.why-approve-cry-right .swiper-button-prev.swiper-button-disabled {

	opacity: 0;

}



.why-share {

	padding-top: var(--space2);

	padding-bottom: calc(var(--space1) + var(--jian64));

	--jian64: 64px;

}



.why-share .std-h3 {

	margin-bottom: 65px;

}



.why-share-list {

	--jian6d5: 6.5px;

	display: flex;

	flex-wrap: wrap;

	margin: 0 calc(var(--jian6d5) * -1) calc(var(--jian18) * -1);

	--jian18: 18px;

}



.why-share-list-item {

	width: 25%;

	padding: 0 var(--jian6d5);

	margin-bottom: var(--jian18);

}



.why-share-list-item:nth-of-type(2n) {

	position: relative;

}



.wsli-img {

	width: 100%;

	border-radius: var(--radius);

	overflow: hidden;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

}



.wsli-text {

	background: var(--bg);

	border-radius: var(--radius);

	position: relative;

}



.wsli-text-inof {

	position: absolute;

	padding: 49px 39px;

	top: 0;

	left: 0;

	width: 100%;

}



.wsli-text {

	margin-top: var(--jian18);

}



.why-share-list-item:nth-of-type(2n) .wsli-text {

	margin-top: 0;

	margin-bottom: var(--jian18);

}



.why-share-list-item:nth-of-type(2n) {

	display: flex;

	flex-direction: column-reverse;

}



.wsli-text .std-text1 {

	line-height: var(--line15);

	margin-bottom: 16px;

	color: var(--fontbg);

}



.wsli-text .std-h5 {

	line-height: var(--line15);

	color: var(--fontbg);

}



.wsli-text::before {

	content: '';

	border-bottom: 14px solid var(--bg);

	border-left: 16px solid transparent;

	border-right: 16px solid transparent;

	position: absolute;

	top: -14px;

	left: 50%;

	transform: translateX(-50%);

}



.why-share-list-item:nth-of-type(2n) .wsli-text::before {

	border-top: 14px solid var(--bg);

	border-bottom: 0;

	top: auto;

	bottom: -14px;

}



.why-awards {

	border-top: 1px solid #CDCBC8;

	padding-top: var(--space2);

}



.why-awards .std-h3 {

	color: var(--color333);

	margin-bottom: var(--space3);

}



.why-awards:last-child {

	padding-bottom: var(--space1);

}



.why-awards {

	--jian15: 15px;

}



.waon-link,

.wali-link {

	background: #F2EFE8;

	border-radius: var(--radius);

	display: flex;

}



.wali-link {

	padding: 53px 18px 55px 44px;

}



.why-awards-list-item,

.why-awards-other-nub {

	padding: 0 var(--jian15);

	margin-bottom: calc(var(--jian15) * 2);

}



.why-awards-list,

.why-awards-other {

	margin: 0 calc(var(--jian15) * -1);

	display: flex;

	flex-wrap: wrap;

}



.why-awards-other {

	margin-bottom: calc(var(--jian15) * -2);

}



.wali-link-img {

	width: 342px;

}



.wali-link-text {

	width: calc(100% - 342px);

	padding-top: 36px;

}



.wali-link-text .std-h5 {

	color: var(--color333);

	line-height: var(--line15);

	margin-bottom: 22px;

	height: calc(1.5em * 2);

}



.why-awards-list-item {

	width: 50%;

}



.why-awards-other-nub {

	width: 33.333333%;

}



.waon-link-img {

	width: 100%;

	margin-bottom: 25px;

}



.waon-link-btn {

	display: flex;

	align-items: center;

	justify-content: flex-start;

	padding-left: 10px;

}



.waon-link-btn .std-text2 {

	color: var(--color333);

	line-height: var(--line15);

	margin-right: 8px;

}



.waon-link-btn-icon {

	width: 24px;

}



.waon-link-btn-icon img {

	width: 100%;

}



.waon-link {

	flex-wrap: wrap;

	flex-direction: column;

}



.waon-link-text {

	padding: 0 28px 37px;

}



.waon-link-text .std-h6 {

	margin-bottom: 17px;

}



/* start */

.ys-bgimg {

	position: relative;

	z-index: 2;

	width: 100%;

	height: 100vh;

	--pro: 0;

	overflow: hidden;

}



.ys-bgimg-box {

	position: fixed;

	top: var(--anchor);

	left: 0;

	bottom: 0;

	z-index: -1;

	width: 100%;

	height: calc(100vh - var(--anchor));

	padding-top: 86px;

	perspective: 1000px;

	display: flex;

	justify-content: center;

	align-items: center;

	background: #d9d9d9;

	overflow: hidden;

	--core: calc(calc(var(--prox) * 70%) + 10%);

	clip-path: circle(var(--core) at 50% 50%);

}



.ys-bgimg-box-list {

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-content: center;

	transform: rotate(-6.37deg) scale(1.3) translateZ(0);

}



.ys-bbl-item {

	display: flex;

	will-change: transform;

}



.ys-bbl-item-nub {

	width: 25%;

}



.ys-bbl-item-nub .scbimgbox_cover {

	border-radius: var(--radius);

	padding: 13px;

}



.ys-bbl-item {

	position: relative;

}



.ys-bbl-item-nub .scbimgbox_cover img {

	border-radius: inherit;

}



.ys-bbl-item:nth-of-type(2n-1) {

	left: calc(15% - calc(30% * var(--pro)));

	/* transform: translateX(calc(15% - calc(30% * var(--pro)))) translate3d(0, 0, 0); */

}



.ys-bbl-item:nth-of-type(2n) {

	left: calc(calc(30% * var(--pro)) - 15%);

	/* transform: translateX(calc(calc(30% * var(--pro)) - 15%)) translate3d(0, 0, 0); */

}



/* .ys-bbl-item-nub {

    transform: translate3d(0,0,0);

} */



/* end */

.company-outline {

	position: relative;

}



.company-outline .std-h1 {

	position: fixed;

	top: 50%;

	--left1: calc(calc(1 - var(--prox) * 1.2) * 100%);

	--x1: calc(var(--prox) * -100%);

	transform: translate(var(--x1), -50%);

	left: var(--left1);

	white-space: nowrap;

}



.ys-bgimg .std-h1 {

	color: var(--colorfff);

	z-index: 2;

}



.company-outline-box {

	position: relative;

	width: 100%;

	top: var(--anchor);

	left: 0;

	height: 150vh;

}



.ys-bgimg,

.company-outline-text {

	height: calc(100vh - var(--anchor));

}



.company-partner {

	background: var(--color23);

	padding-top: var(--space1);

	padding-bottom: var(--space1);

	position: relative;

	z-index: 10;

}



.company-outline-text {

	position: relative;

	z-index: 9;

}



.company-outline {

	background: #f9f8f5;

}



.company-outline-box>.std-h1 {

	top: calc(50% + var(--anchor) / 2);

}



.ys-bgimg-box::before {

	content: '';

	background: rgba(0, 0, 0, .7);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 5;

	opacity: 0;

	pointer-events: none;

	transition: all .4s ease;

}



.company-outline.act .ys-bgimg-box::before {

	opacity: 1;

}



.company-outline-text {

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

}



.company-outline-text .yx-case3 span {

	color: var(--colorfff);

	line-height: var(--line15);

	font-family: var(--familyM);

}



.company-outline-text .yx-case3 {

	position: relative;

}



.company-outline-text .yx-case3-box {

	height: 60vh;

}



.company-partner-box {

	/* position: relative; */

	--jian15: 15px;

}



.company-partner .std-h3 {

	color: var(--colorfff);

	margin-bottom: var(--space3);

}



.company-partner-list-item {

	padding: 0 var(--jian15);

}



.company-partner-list {

	margin: 0 calc(var(--jian15) * -1);

	/* 62.15% */

	width: 124.3%;

}



.cpli-box {

	border-radius: var(--radius);

	overflow: hidden;

	position: relative;

	cursor: pointer;

}



.cpli-box-play {

	position: absolute;

	width: 80px;

	z-index: 8;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.company-partner-list-item:not(:first-child) {

	display: none;

}



.company-partner-list .slick-list {

	overflow: visible;

}



.cpli-box img {

	transition: all .4s ease;

}



.company-partner.mod-arrow .slick-prev,

.company-partner.mod-arrow .slick-next {

	border: 1px solid var(--colorfff);

}



.company-partner.mod-arrow .slick-next::after {

	background: url(../images/scb_icon_righa.svg) center / cover no-repeat;

}



.company-partner.mod-arrow .slick-prev::after {

	background: url(../images/a1_arrow002.svg) center / cover no-repeat;

}



.company-partner .scbbox1400 {

	position: relative;

}



.company-partner-box .slick-slider {

	position: static;

}



.company-founder {

	background: #f9f8f5;

	padding-top: var(--space2);

	border-bottom: 1px solid #CDCBC8;

	z-index: 10;

	position: relative;

	padding-bottom: var(--space2);

}



.company-founder-person-left {

	width: 56.28%;

	padding-right: 100px;

}



.company-founder-person-right {

	width: 43.72%;

}



.company-founder-person-left .std-h3 {

	color: var(--color333);

	margin-bottom: 50px;

}



.company-founder-person-left .std-text1,

.company-founder-person-left .std-text1 p {

	color: var(--color666);

	line-height: var(--line15);

	margin-bottom: 16px;

}



.company-founder-person-left .std-text1 p:last-child {

	margin-bottom: 0;

}



.company-founder-person-left .std-text1 span {

	color: var(--color333);

}



.cfpr-img {

	width: 100%;

	border-radius: var(--radius);

	overflow: hidden;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	position: relative;

	cursor: pointer;

}



.cfpr-img img {

	width: 100%;

}



.company-founder-person {

	display: flex;

	align-items: center;

	padding-bottom: 60px;

	border-bottom: 1px solid #CDCBC8;

}



.company-video-hover,

.company-video-click {

	position: absolute;

	width: 100%;

	height: 100%;

	object-fit: cover;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	opacity: 0;

	pointer-events: none;

	transition: all .4s ease;

}




.cfal-item {

	width: 33.333333%;

	padding: 0 var(--jian30);

}

.cfal-item-link {
	width: 100%;
	display: block;
	border-radius: var(--radius);
	background: var(--colorbj2);
	padding: 37px 53px 20px;
}


.cfal-item-link .scbimgbox_cover {
	width: 100%;

	margin-bottom: 20px;

	overflow: visible;

}



.cfal-item-link .scbimgbox_cover img {

	object-fit: contain;

}



.cfal-item-link .std-text1 {

	text-align: center;

	color: var(--color333);

	line-height: var(--line15);

}



.company-founder-alway-list .slick-list {

	overflow: visible;

}



.cfal-item:not(:first-child) {

	display: none;

}



.company-partner.mod-arrow .slick-next,

.company-partner.mod-arrow .slick-prev,

.company-who.mod-arrow .slick-next,

.company-who.mod-arrow .slick-prev {

	top: 4px;

	transform: translate(0);

}



.company-partner.mod-arrow .slick-prev,

.company-founder-alway.mod-arrow .slick-prev,

.company-who.mod-arrow .slick-prev {

	left: auto;

	right: 70px;

}



.company-founder-alway.mod-arrow .slick-next,

.company-founder-alway.mod-arrow .slick-prev {

	transform: translate(0);

	top: calc(var(--top70) + 4px);

}



.company-who {

	position: relative;

	z-index: 10;

	background: #f9f8f5;

	padding-top: var(--space2);

	padding-bottom: var(--space2);

}



.company-who .std-h3 {

	margin-bottom: var(--space3);

}



.company-who-list {

	--jian20: 20px;

	margin: 0 calc(var(--jian20) * -1);

	padding-right: 58px;

	position: static;

}



.company-who-list-item {

	width: 33.333333%;

	padding: 0 var(--jian20);

}



.cwli-link-img {

	width: 100%;

	border-radius: var(--radius);

	overflow: hidden;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	position: relative;

	cursor: pointer;

	margin-bottom: 20px;

}



.cwli-link-img-play {

	width: 68px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 10;

	pointer-events: none;

	transition: all .4s ease;

}



.cwli-link-img-play img {

	width: 100%;

}



.cwli-link-img-hover,

.cwli-link-img-click {

	position: absolute;

	top: 0;

	left: 0;

	object-fit: cover;

	width: 100%;

	height: 100%;

	opacity: 0;

	pointer-events: none;

}



.company-who-list-item:not(:first-child) {

	display: none;

}



.company-who-list .slick-list {

	overflow: visible;

}



.cwli-link-img.act .cwli-link-img-play {

	opacity: 0;

}



.company-who .scbbox1400 {

	position: relative;

}



.company-active {

	position: relative;

	z-index: 10;

	background: #f9f8f5;

	padding-top: var(--space2);

	padding-bottom: var(--space2);

	border-top: 1px solid #CDCBC8;

}



.company-active .std-h1 {

	text-align: center;

	color: var(--color333);

	line-height: var(--line13);

	margin-bottom: 20px;

}



.company-active-font {

	font-size: 500px;

	line-height: var(--line13);

	color: var(--colorbj2);

	font-family: var(--familyM);

	position: absolute;

	bottom: 42px;

}



.company-active-list-item img {

	border-radius: var(--radius);

	overflow: hidden;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

}



.company-active-list-item img {

	width: 100%;

}



.company-active-list-item1 {

	width: 27.57%;

	margin-left: 4.42857%;

}



.company-active-list-item2 {

	width: 21.57%;

	margin-right: 3.5714%;

	margin-top: 55px;

}



.company-active-list2-left {

	width: 29.285714%;

	margin-left: 0;

	position: relative;

	margin-top: 44px;

}



.company-active-list-item3 {

	width: 67.317073%;

	position: absolute;

	top: 0;

	right: 0;

}



.company-active-list-item4 {

	margin-top: 76px;

	width: 65.365854%;

	margin-left: 0;

}



.company-active-list-item5 {

	width: 17.071429%;

	margin-top: 143px;

}



.company-active-list2-right {

	width: 30.928571%;

	margin-right: -9px;

	position: relative;

}



.company-active-list-item6 {

	width: 70.900693%;

}



.company-active-list-item7 {

	width: 52.886836%;

	position: absolute;

	right: 0;

	top: 89px;

}



.company-active-list1 {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	margin-bottom: 26px;

}



.company-active-list2 {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

}



.company-active .scbbox1400 {

	position: relative;

	z-index: 6;

}



.company-active-font {

	left: 100%;

}



@keyframes growmove {

	0% {

		left: 100%;

	}



	100% {

		left: 9.114583%;

	}

}



@-webkit-keyframes growmove {

	0% {

		left: 100%;

	}



	100% {

		left: 9.114583%;

	}

}



.company-active .std-h1,

.company-active-list-item {

	opacity: 0;

	-webkit-transform: translate3d(0, 60px, 0);

	transform: translate3d(0, 60px, 0);

}



.company-active.act .std-h1 {

	animation: ysfadeInUp .8s ease-in-out both;

	animation-delay: 0.2s;

}



.company-active.act .company-active-font {

	animation: growmove .8s ease-in-out both;

	animation-delay: .7s;

}



.company-active.act .company-active-list-item1 {

	animation: ysfadeInUp .8s ease-in-out both;

	animation-delay: 1.5s;

}



.company-active.act .company-active-list-item2 {

	animation: ysfadeInUp .8s ease-in-out both;

	animation-delay: 1.6s;

}



.company-active.act .company-active-list-item3 {

	animation: ysfadeInUp .8s ease-in-out both;

	animation-delay: 1.7s;

}



.company-active.act .company-active-list-item4 {

	animation: ysfadeInUp .8s ease-in-out both;

	animation-delay: 1.8s;

}



.company-active.act .company-active-list-item5 {

	animation: ysfadeInUp .8s ease-in-out both;

	animation-delay: 1.9s;

}



.company-active.act .company-active-list-item6 {

	animation: ysfadeInUp .8s ease-in-out both;

	animation-delay: 2.0s;

}



.company-active.act .company-active-list-item7 {

	animation: ysfadeInUp .8s ease-in-out both;

	animation-delay: 2.1s;

}



.company-value {

	background: var(--colorfff);

	position: relative;

	z-index: 10;

}



.company-value .std-h3 {

	color: var(--color333);

	line-height: var(--line13);

}



.company-value {

	--width: 444px;

	--jian54: 54px;

}



.company-value-list {

	white-space: nowrap;

	font-size: 0;

	margin: 0 calc(var(--jian54) * -1);

}



.company-value-inof {

	width: var(--width);

	margin: 0 auto;

}



.company-value-list-item {

	width: var(--width);

	height: var(--width);

	border-radius: 50%;

	margin: 0 var(--jian54);

	display: inline-block;

	position: relative;

}



.company-value-list-item::before {

	content: '';

	position: absolute;

	width: 0;

	height: 0;

	background: var(--colorfff);

	border-radius: 50%;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	opacity: 0;

}



.cvli-box {

	opacity: 0;

}



.company-value-list-item:first-child .cvli-box {

	opacity: 1;

}



.company-value.act .cvli-box {

	opacity: 1;

	-webkit-transition: opacity .6s linear;

	-o-transition: opacity .6s linear;

	transition: opacity .6s linear;

}



.company-value.act .company-value-list-item::before {

	-webkit-transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

	-o-transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

	transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

	width: 100%;

	height: 100%;

	opacity: 1;

}



.company-value.act .company-value-list-item:nth-child(n+2)::before {

	-webkit-transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

	-o-transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

	transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

	width: 100%;

	height: 100%;

	opacity: 1.0;

}



.company-value.act .company-value-list-item:nth-child(2)::before,

.company-value.act .company-value-list-item:nth-child(2) .cvli-box {

	-webkit-transition-delay: .5s;

	-o-transition-delay: .5s;

	transition-delay: .5s;

}



.company-value.act .company-value-list-item:nth-child(3)::before,

.company-value.act .company-value-list-item:nth-child(3) .cvli-box {

	-webkit-transition-delay: 1s;

	-o-transition-delay: 1s;

	transition-delay: 1s;

}



.company-value.act .company-value-list-item:nth-child(4)::before,

.company-value.act .company-value-list-item:nth-child(4) .cvli-box {

	-webkit-transition-delay: 1.5s;

	-o-transition-delay: 1.5s;

	transition-delay: 1.5s;

}



.cvli-box {

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

	flex-direction: column;

	padding: 20px;

	width: var(--width);

	height: var(--width);

	position: relative;

	z-index: 8;

}



.cvli-box .std-text2 {

	color: var(--color666);

	margin-bottom: 35px;

}



.cvli-box .std-h4,

.cvli-box .std-h4 p {

	line-height: var(--line13);

	color: var(--color333);

}



.cvli-box .std-h4 p {

	margin-bottom: 5px;

}



.cvli-box .std-h4 p:last-child {

	margin-bottom: 0;

}



.company-value .std-h3 {

	margin-bottom: var(--space3);

}



.cvli-dots-nub {

	opacity: 0;

}



.company-value-list-item:nth-child(1) .cvli-dots-nub:nth-child(1) {

	-webkit-transition-delay: .2s;

	-o-transition-delay: .2s;

	transition-delay: .2s;

}



.company-value-list-item:nth-child(1) .cvli-dots-nub:nth-child(2) {

	-webkit-transition-delay: .3s;

	-o-transition-delay: .3s;

	transition-delay: .3s;

}



.company-value-list-item:nth-child(1) .cvli-dots-nub:nth-child(3) {

	-webkit-transition-delay: .4s;

	-o-transition-delay: .4s;

	transition-delay: .4s;

}



.company-value-list-item:nth-child(1) .cvli-dots-nub:nth-child(4) {

	-webkit-transition-delay: .5s;

	-o-transition-delay: .5s;

	transition-delay: .5s;

}



.company-value-list-item:nth-child(1) .cvli-dots-nub:nth-child(5),

.company-value-list-item:nth-child(2) .cvli-dots-nub:nth-child(1) {

	-webkit-transition-delay: .6s;

	-o-transition-delay: .6s;

	transition-delay: .6s;

}



.company-value-list-item:nth-child(2) .cvli-dots-nub:nth-child(2) {

	-webkit-transition-delay: .7s;

	-o-transition-delay: .7s;

	transition-delay: .7s;

}



.company-value-list-item:nth-child(2) .cvli-dots-nub:nth-child(3) {

	-webkit-transition-delay: .8s;

	-o-transition-delay: .8s;

	transition-delay: .8s;

}



.company-value-list-item:nth-child(2) .cvli-dots-nub:nth-child(4) {

	-webkit-transition-delay: .9s;

	-o-transition-delay: .9s;

	transition-delay: .9s;

}



.company-value-list-item:nth-child(2) .cvli-dots-nub:nth-child(5),

.company-value-list-item:nth-child(3) .cvli-dots-nub:nth-child(1) {

	-webkit-transition-delay: 1s;

	-o-transition-delay: 1s;

	transition-delay: 1s;

}



.company-value-list-item:nth-child(3) .cvli-dots-nub:nth-child(2) {

	-webkit-transition-delay: 1.1s;

	-o-transition-delay: 1.1s;

	transition-delay: 1.1s;

}



.company-value-list-item:nth-child(3) .cvli-dots-nub:nth-child(3) {

	-webkit-transition-delay: 1.2s;

	-o-transition-delay: 1.2s;

	transition-delay: 1.2s;

}



.company-value-list-item:nth-child(3) .cvli-dots-nub:nth-child(4) {

	-webkit-transition-delay: 1.3s;

	-o-transition-delay: 1.3s;

	transition-delay: 1.3s;

}



.company-value-list-item:nth-child(3) .cvli-dots-nub:nth-child(5),

.company-value-list-item:nth-child(4) .cvli-dots-nub:nth-child(1) {

	-webkit-transition-delay: 1.4s;

	-o-transition-delay: 1.4s;

	transition-delay: 1.4s;

}



.company-value-list-item:nth-child(4) .cvli-dots-nub:nth-child(2) {

	-webkit-transition-delay: 1.5s;

	-o-transition-delay: 1.5s;

	transition-delay: 1.5s;

}



.company-value-list-item:nth-child(4) .cvli-dots-nub:nth-child(3) {

	-webkit-transition-delay: 1.6s;

	-o-transition-delay: 1.6s;

	transition-delay: 1.6s;

}



.company-value-list-item:nth-child(4) .cvli-dots-nub:nth-child(4) {

	-webkit-transition-delay: 1.7s;

	-o-transition-delay: 1.7s;

	transition-delay: 1.7s;

}



.company-value-list-item:nth-child(4) .cvli-dots-nub:nth-child(5) {

	-webkit-transition-delay: 1.8s;

	-o-transition-delay: 1.8s;

	transition-delay: 1.8s;

}



.cvli-dots-nub:nth-child(1) div {

	animation: flow_anime1 2s ease-in infinite;

}



@keyframes flow_anime1 {

	0% {

		background: rgba(255, 255, 255, 0.0);

	}



	0.1% {

		background: rgba(255, 255, 255, 1.0);

	}



	30% {

		background: rgba(255, 255, 255, 0.0);

	}

}



@-webkit-keyframes flow_anime1 {

	0% {

		background: rgba(255, 255, 255, 0.0);

	}



	0.1% {

		background: rgba(255, 255, 255, 1.0);

	}



	30% {

		background: rgba(255, 255, 255, 0.0);

	}

}



.cvli-dots-nub:nth-child(2) div {

	animation: flow_anime2 2s ease-in infinite;

}



@keyframes flow_anime2 {

	10% {

		background: rgba(255, 255, 255, 0.0);

	}



	10.1% {

		background: rgba(255, 255, 255, 1.0);

	}



	40% {

		background: rgba(255, 255, 255, 0.0);

	}

}



@-webkit-keyframes flow_anime2 {

	10% {

		background: rgba(255, 255, 255, 0.0);

	}



	10.1% {

		background: rgba(255, 255, 255, 1.0);

	}



	40% {

		background: rgba(255, 255, 255, 0.0);

	}

}



.cvli-dots-nub:nth-child(3) div {

	animation: flow_anime3 2s ease-in infinite;

}



@keyframes flow_anime3 {

	20% {

		background: rgba(255, 255, 255, 0.0);

	}



	20.1% {

		background: rgba(255, 255, 255, 1.0);

	}



	50% {

		background: rgba(255, 255, 255, 0.0);

	}

}



@-webkit-keyframes flow_anime3 {

	20% {

		background: rgba(255, 255, 255, 0.0);

	}



	20.1% {

		background: rgba(255, 255, 255, 1.0);

	}



	50% {

		background: rgba(255, 255, 255, 0.0);

	}

}



.cvli-dots-nub:nth-child(4) div {

	animation: flow_anime4 2s ease-in infinite;

}



@keyframes flow_anime4 {

	30% {

		background: rgba(255, 255, 255, 0.0);

	}



	30.1% {

		background: rgba(255, 255, 255, 1.0);

	}



	60% {

		background: rgba(255, 255, 255, 0.0);

	}

}



@-webkit-keyframes flow_anime4 {

	30% {

		background: rgba(255, 255, 255, 0.0);

	}



	30.1% {

		background: rgba(255, 255, 255, 1.0);

	}



	60% {

		background: rgba(255, 255, 255, 0.0);

	}

}



.cvli-dots-nub:nth-child(5) div {

	animation: flow_anime5 2s ease-in infinite;

}



@keyframes flow_anime5 {

	40% {

		background: rgba(255, 255, 255, 0.0);

	}



	40.1% {

		background: rgba(255, 255, 255, 1.0);

	}



	70% {

		background: rgba(255, 255, 255, 0.0);

	}

}



@-webkit-keyframes flow_anime5 {

	40% {

		background: rgba(255, 255, 255, 0.0);

	}



	40.1% {

		background: rgba(255, 255, 255, 1.0);

	}



	70% {

		background: rgba(255, 255, 255, 0.0);

	}

}



.cvli-dots {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: calc(100% + var(--jian54));

}



.cvli-dots-nub div {

	width: 10px;

	height: 10px;

	box-sizing: border-box;

	border: 2px solid var(--colorfff);

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	overflow: hidden;

}



.cvli-dots-nub {

	position: absolute;

	top: -5px;

	transform: translateX(-50%);

}



.cvli-dots-nub:nth-child(1) {

	left: -34px;

}



.cvli-dots-nub:nth-child(2) {

	left: -17px;

}



.cvli-dots-nub:nth-child(4) {

	left: 17px;

}



.cvli-dots-nub:nth-child(5) {

	left: 34px;

}



.company-value-list-item:last-child .cvli-dots {

	display: none;

}



.company-value-view {

	height: calc(100vh - var(--anchor));

	display: flex;

	align-items: center;

	padding-top: var(--space2);

	padding-bottom: var(--space2);

	background: var(--colorbj2);

	--sacle1: calc(var(--pro1) * 100%);

	clip-path: circle(var(--sacle1) at 50% 50%);

}



.company-value {

	min-height: 200vh;

	--pro1: 0;

	--heightx: calc(200vh - var(--anchor) + var(--widthz));

	height: var(--heightx);

}



.company-value-view .scbbox1400 {

	position: relative;

}



.company-value-view .std-h3 {

	position: absolute;

	left: 0;

	top: -107px;

}



.company-value.on1 .company-value-view {

	position: fixed;

	top: var(--anchor);

	left: 0;

	width: 100%;

}



.company-value.on2 .company-value-view {

	position: absolute;

	top: auto;

	bottom: 0;

}



.company-value.act .cvli-dots-nub {

	-webkit-transition: opacity 0.3s ease-in-out;

	-o-transition: opacity 0.3s ease-in-out;

	transition: opacity 0.3s ease-in-out;

	opacity: 1.0;

}



.company-value-inof {

	--x1: calc(var(--widthz) * var(--pro2) * -1);

	transform: translateX(var(--x1));

}



.company-end {

	background: var(--colorbj2);

	border-top: 1px solid #CDCBC8;

	padding-top: var(--space2);

	padding-bottom: var(--space2);

	text-align: center;

	position: relative;

	z-index: 10;

}



.company-main .scbfooter {

	position: relative;

	z-index: 10;

}



.why-service {

	position: relative;

}



.why-service.act .why-link {

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

}



.why-service.act {

	padding-top: var(--topx);

}



.why-exp-cry {

	position: relative;

	z-index: 10;

}



.why-exp-cry::before {

	content: '';

	width: 100%;

	height: calc(100% + 4rem);

	position: absolute;

	top: 0;

	left: 0;

	background: var(--colorbj1);

	border-radius: 20px 20px 0 0;

}



.why-service.act.on1 .why-link {

	position: fixed;

	top: 0;

}



.why-service.act.on2 .why-link {

	position: absolute;

	top: var(--top1);

}



.wecl-item::after {

	content: '';

	background: var(--colorbj1);

	opacity: .7;

	position: absolute;

	border-radius: var(--radius);

	width: 100%;

	height: 100%;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 10;

	pointer-events: none;

	transition: all .4s ease;

}



.wecl-item.on::after {

	opacity: 0;

}



.wecl-item.on::before,

.wecl-item.on::after {

	width: calc(100% + 20px);

}



.why-share-list-item:nth-of-type(2n-1) {

	--move1: calc(calc(var(--pro) * -20px) + 20px);

	transform: translateY(var(--move1));

}



.why-share-list-item:nth-of-type(2n) {

	--move2: calc(var(--pro) * calc(var(--jian64) + 50px) - 30px);

	transform: translateY(var(--move2));

}



.ys-num {

	overflow: hidden;

	display: flex;

}



.ys-num-wrap {

	font-size: inherit;

	text-align: inherit;

	font-weight: inherit;

	color: inherit;

	line-height: inherit;

}



.ys-num-wrap span {

	transform: translateY(100%);

	display: inline-block;

	will-change: transform;

}



.ys-num-wrap.on span {

	animation: numFadeup .7s cubic-bezier(0.26, 1, 0.48, 1) both;

}



@keyframes numFadeup {

	0% {

		transform: translateY(100%);

	}



	100% {

		transform: translateY(0);

	}

}



.ys-num-wrap span:last-child {

	animation-delay: 0ms !important;

	transform: translateY(0) !important;

	animation: none !important;

}



.ys-num i {

	color: inherit;

	font-size: inherit;

	line-height: inherit;

}



.wicn-box-data {

	display: flex;

	align-items: flex-end;

}



.stretch-font {

	position: relative;

}



.stretch-font::before {

	content: '';

	background-image: url(../images/d2_icon03.svg);

	position: absolute;

	width: 15px;

	height: 96px;

	background-size: 100% 100%;

	left: 0;

	top: -20px;

}



.stretch-font span {

	margin-bottom: 19px;

	display: block;

	line-height: inherit;

	position: relative;

}



.stretch-font span:last-child {

	margin-bottom: 0;

}



.stretch-font::after {

	content: '';

	background-image: url(../images/d2_icon02.svg);

	position: absolute;

	width: 15px;

	height: 96px;

	background-size: 100% 100%;

	right: 0;

	bottom: -20px;

	opacity: 0;

}



.stretch-font span::before {

	content: '';

	background: #D5E9FF;

	position: absolute;

	width: calc(100% + 20px);

	height: 100%;

	top: 0;

	left: -10px;

	z-index: -1;

	opacity: 0;

	width: 0;

}



.stretch-font.act span:first-child::before {

	transition: all .1s linear;

	opacity: 1;

	animation: stretchspan1 1s linear forwards;

}



.stretch-font.act span:nth-child(2)::before {

	transition: all .1s linear;

	opacity: 1;

	animation: stretchspan2 1s linear forwards;

}



.stretch-font.act::after {

	transition: all .1s linear;

	opacity: 1;

	animation: stretchicon 1s linear forwards;

}



@keyframes stretchspan1 {

	0% {

		width: 0;

	}



	49% {

		width: calc(100% + 20px);

		opacity: 1;

	}



	100% {

		width: calc(100% + 20px);

		opacity: 1;

	}

}



@keyframes stretchspan2 {

	51% {

		width: 0;

	}



	100% {

		width: calc(100% + 20px);

		opacity: 1;

	}

}



@keyframes stretchicon {

	0% {

		right: 100%;

		top: -20px;

	}



	49% {

		right: 0;

		top: -20px;

	}



	50% {

		opacity: 0;

	}



	51% {

		right: 100%;

		top: auto;

		bottom: -20px;

	}



	100% {

		right: 0%;

		top: auto;

		bottom: -20px;

	}

}



.sticky-html,

.sticky-body {

	overflow: inherit !important;

}



.service-inof-list {

	position: relative;

}



.service-inof-list-item {

	position: sticky;

	top: var(--top1);

	background: #ebedee;

}



.sfri-cry {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

}



.sfri-cry .std-text1 {

	width: 35%;

	padding-top: 43px;

}



.sfri-cry .std-text1,

.sfri-cry .std-text1 p {

	color: var(--colorfff);

	line-height: var(--line15);

}



.sfri-cry-list {

	width: 52.93%;

	background: rgba(0, 0, 0, 0.42);

	display: flex;

	justify-content: space-evenly;

	padding-top: 25px;

	padding-bottom: 26px;

}



.sfri-cry-list-item .std-h6 {

	color: var(--colorfff);

	line-height: var(--line15);

	position: relative;

	padding-left: 27px;

}



.sfri-cry-list-item .std-h6::before {

	content: '';

	background-image: url(../images/d1_icon01.svg);

	width: 14px;

	height: 14px;

	background-size: 100% 100%;

	position: absolute;

	left: 0;

	top: 11px;

}



.sfri-cry-list-item {

	padding: 10px 0;

}



.service-firm-rotate-item:not(:first-child) {

	display: none;

}



.mod-arrows1 .slick-prev::before,

.mod-arrows1 .slick-next::before {

	content: '';

	width: 24px;

	height: 24px;

	background-image: url(../images/d1_arrow02.svg);

	background-size: 100% 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.mod-arrows1 .slick-prev::before {

	transform: translate(-50%, -50%) rotate(180deg);

}



.service-firm-rotate .slick-prev,

.service-firm-rotate .slick-next {

	top: -60px;

	transform: translateY(0);

}



.service-firm-rotate .slick-prev {

	left: auto;

	right: 66px;

}



.mod-arrows1 .slick-arrow.slick-disabled {

	opacity: .4;

}



.service-firm {

	position: relative;

}



.service-bg {

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	height: 100vh;

	opacity: 0;

	pointer-events: none;

}



.service-firm.on .service-bg {

	position: fixed;

	top: 0;

	opacity: 1;

}



.service-firm.end .service-bg {

	position: absolute;

	top: auto;

	bottom: 0;

	opacity: 1;

}



.service-firm .scbbox1400 {

	position: relative;

	z-index: 10;

}



.service-bg img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.scbfooter {

	position: relative;

	z-index: 10;

}



.contact-main {

	background: var(--colorbj1);

}



.cull-item .std-h6 {

	color: var(--color333);

	line-height: var(--line15);

	margin-bottom: 18px;

}



.cull-iin-link-icon {

	width: 19px;

	position: relative;

	top: 4px;

}



.cull-iin-link-icon img {

	transform: scale(1) !important;

}



.cull-iin-link .std-text2 {

	width: calc(100% - 19px);

	padding-left: 5px;

}



.cull-iin-link {

	display: flex;

	align-items: flex-start;

}



.cull-item-inof-nub {

	margin-bottom: 10px;

}



.cull-item-inof-nub:last-child {

	margin-bottom: 0;

}



.cull-item {

	margin-bottom: 89px;

}



.cull-item:last-child {

	margin-bottom: 0;

}



.contact-us {

	padding-top: 88px;

}



.contact-us-right {

	width: 882px;

	position: relative;

}



.contact-us-left {
	/* width: calc(100% - 600px); */
	width: 100%;
	height: 100%;
	background: url('../images/contact.png') no-repeat right bottom;
	background-size: auto 96%;
}

.contact-us-left .contact_image {
	width: 54%;
}

.contact-us-left .std-h3 {
	margin-bottom: 40px;
}

.contact-us .scbbox1400 {
	display: flex;
	align-items: flex-start;
}



.curi-img {

	width: 72.789116%;

	border-radius: 20px;

	overflow: hidden;

	margin-left: 27.210884%;

	position: absolute;

	right: 0;

	z-index: -1;

}



.curi-name {

	text-align: right;

	color: var(--color333);

	padding-bottom: 18px;

	position: absolute;

	right: 0;

	bottom: 0;

}



.curi_xin {

	position: absolute;

	transform: translate(0, 0);

}



.curi_xin::before {

	content: '';

	height: 1px;

	position: absolute;

	background: #D6C399;

	width: 100%;

}



.curi-map {

	overflow: visible;

}



.contact-us-right-item {

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	opacity: 0;

	pointer-events: none;

	transition: all .4s ease;

}



.contact-us-right-item.act {

	position: relative;

	opacity: 1;

	pointer-events: all;

}



.cull-item {

	opacity: .5;

	transition: all .4s ease;

}



.cull-item.on {

	opacity: 1;

}



.contact-start-box .std-h3 {

	text-align: center;

	margin-bottom: 17px;

}



.contact-start-box .std-text2,

.contact-start-box .std-text2 p {

	text-align: center;

	color: var(--color333);

}



.contact-start-box .std-text2 {

	margin-bottom: 75px;

}



.contact-start-box .std-text2 a {

	color: inherit;

	line-height: inherit;

}



.contact-start-box-list {

	width: 346px;

	margin: 0 auto;

}



.csbl-nub {

	margin-bottom: 15px;

}



.csbl-nub:last-child {

	margin-bottom: 0;

}

.csbl-nub .std-btn8 {
	width: 100%;
	text-align: center;
}

.csbl-nub:nth-of-type(2) .std-btn8-box::after {
	background: transparent;
}

.csbl-nub:nth-of-type(2) .std-btn8-box p {
	color: var(--color333);
}

.contact-start {
	display: flex;
	align-items: center;
}

.contact-us-right {
	height: calc(100vh - var(--anchor) - var(--head));
}

.contact-us .scbbox1400 {
	min-height: calc(100vh - var(--anchor) - var(--head));
}

.contact-us.on1 .contact-us-right {

	position: fixed;

	top: calc(var(--anchor) + var(--head));

	right: calc(50% - 700px);

}



.contact-us-left-list {
	padding-top: 30px;
	padding-bottom: 30vh;

}



.contact-us .scbbox1400 {

	position: relative;
}



.contact-us.on2 .contact-us-right {

	position: absolute;

	top: var(--top2);

	right: 0;

}



.contact-start-box {

	width: 600px;

	margin: 0 auto;

	max-width: 100%;

}



.contact-start {

	padding-top: var(--space2);

	padding-bottom: var(--space1);

}



.contact-start .scbbox1400 {

	position: relative;

	padding-top: 52px;

	padding-bottom: 106px;

}



@keyframes bounceIng {



	0%,

	20%,

	40%,

	60%,

	80%,

	to {

		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}



	0% {

		opacity: 0;

		-webkit-transform: scale3d(.3, .3, .3);

		transform: scale3d(.3, .3, .3)
	}



	20% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1);

		transform: scale3d(1.1, 1.1, 1.1)
	}



	40% {

		-webkit-transform: scale3d(.9, .9, .9);

		transform: scale3d(.9, .9, .9)
	}



	60% {

		opacity: 1;

		-webkit-transform: scale3d(1.03, 1.03, 1.03);

		transform: scale3d(1.03, 1.03, 1.03)
	}



	80% {

		-webkit-transform: scale3d(.97, .97, .97);

		transform: scale3d(.97, .97, .97)
	}



	to {

		opacity: 1;

		-webkit-transform: scaleX(1);

		transform: scaleX(1)
	}

}



@-webkit-keyframes bounceIng {



	0%,

	20%,

	40%,

	60%,

	80%,

	to {

		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}



	0% {

		opacity: 0;

		-webkit-transform: scale3d(.3, .3, .3);

		transform: scale3d(.3, .3, .3)
	}



	20% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1);

		transform: scale3d(1.1, 1.1, 1.1)
	}



	40% {

		-webkit-transform: scale3d(.9, .9, .9);

		transform: scale3d(.9, .9, .9)
	}



	60% {

		opacity: 1;

		-webkit-transform: scale3d(1.03, 1.03, 1.03);

		transform: scale3d(1.03, 1.03, 1.03)
	}



	80% {

		-webkit-transform: scale3d(.97, .97, .97);

		transform: scale3d(.97, .97, .97)
	}



	to {

		opacity: 1;

		-webkit-transform: scaleX(1);

		transform: scaleX(1)
	}

}



.contact-start-pop-item {

	position: absolute;

	opacity: 0;

	-webkit-transform: scale3d(.3, .3, .3);

	transform: scale3d(.3, .3, .3);

}



.contact-start-pop-item .scbimgbox_cover {

	width: 100%;

	border-radius: 50%;

	overflow: hidden;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

}



.contact-start-pop-item1 {
	width: 200px;
	position: absolute;
	top: 19px;
	left:5%;
}
.contact-start-pop-item2 {
	width: 160px;
	left: 10%;
	bottom: 20px;
}
.contact-start-pop-item3 {
	width: 100px;
	bottom: 0;
	right: 10%;
}
.contact-start-pop-item4 {
	width: 110px;
	bottom: 110px;
	right: 25%;
}
.contact-start-pop-item5 {
	width: 180px;
	right: 2.642857%;
	top: 0;
}



.contact-start-pop-item.act {

	animation: bounceIng 1.2s ease both;

	animation-delay: 0.2s;

}



.contact-start-pop-item.act .scbimgbox_cover {

	animation-delay: 1s;

	animation: popmove 5s linear infinite;

}



.contact-start-pop-item2.act .scbimgbox_cover {

	animation-delay: 1.6s;

}



.contact-start-pop-item3.act .scbimgbox_cover {

	animation-delay: 2s;

}



.contact-start-pop-item4.act .scbimgbox_cover {

	animation-delay: 1.5s;

}



.contact-start-pop-item5.act .scbimgbox_cover {

	animation-delay: 1s;

}



@keyframes popmove {

	0% {

		transform: translateY(0px) rotate(0deg);

		-webkit-transform: translateY(0px) rotate(0deg);

	}



	25% {

		transform: translateY(10px) rotate(0deg);

		-webkit-transform: translateY(10px) rotate(0deg);

	}



	50% {

		transform: translateY(0px) rotate(0deg);

		-webkit-transform: translateY(0px) rotate(0deg);

	}



	75% {

		transform: translateY(-10px) rotate(0deg);

		-webkit-transform: translateY(-10px) rotate(0deg);

	}



	100% {

		transform: translateY(0px) rotate(0deg);

		-webkit-transform: translateY(0px) rotate(0deg);

	}

}



@-webkit-keyframes popmove {

	0% {

		transform: translateY(0px) rotate(0deg);

		-webkit-transform: translateY(0px) rotate(0deg);

	}



	25% {

		transform: translateY(10px) rotate(0deg);

		-webkit-transform: translateY(10px) rotate(0deg);

	}



	50% {

		transform: translateY(0px) rotate(0deg);

		-webkit-transform: translateY(0px) rotate(0deg);

	}



	75% {

		transform: translateY(-10px) rotate(0deg);

		-webkit-transform: translateY(-10px) rotate(0deg);

	}



	100% {

		transform: translateY(0px) rotate(0deg);

		-webkit-transform: translateY(0px) rotate(0deg);

	}

}


.service-main .anchor-box,

.contact-main .anchor-box {

	border-bottom: 1px solid transparent;

}



.service-main .mod-anchor.isfixed .anchor-box,

.contact-main .mod-anchor.isfixed .anchor-box {

	border-bottom: 1px solid #CDCBC8;

}



/* 载入 - start */

html {

	font-size: calc(0.8676470588235294rem + 0.14705882352941177vw);

}



.scb_fadeupnew {
	transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	opacity: 0;
	transform-style: preserve-3d;
	transition: transform 1s ease, opacity .1s ease;
}

.scb_fadeupnew.fadeInup {
	transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	opacity: 1;
	transform-style: preserve-3d;
}



/* 载入 - end */

/* .service-inof-list-item:first-child .std-h3,

.service-inof-list-item:first-child .std-h3 span{

    transform:translate(0,0)!important;

} */

.company-outline {

	z-index: -1;

}



.contact-us-right .slick-list {

	overflow: visible;

}



.curi-map,

.curi-name,

.curi-img {

	opacity: 0;

}



.curi-img {

	transform: scale(0.8);

	transform-origin: right top;

}



.curi_xin::before {

	width: 0%;

}



.contact-us-right-item.act .curi-map {

	opacity: 1;

	transition: all .3s ease;

}



.contact-us-right-item.act .curi_xin::before {

	width: calc(100% - var(--radius));

	transition: all .2s .15s ease;

}



.contact-us-right-item.act .curi-name {

	opacity: 1;

	transition: all .2s .3s ease;

}



.contact-us-right-item.act .curi-img {

	opacity: 1;

	transform: scale(1);

	transition: all .4s .35s ease;

}



.company-all {

	background: #f9f8f5;

}



.font-fade span {

	position: relative;

	display: inline-block;

}

.font-fade1 span {

	position: relative;

	display: inline-block;

	font-size: 20px;

}

.refer {
	text-align: center;
	font-size: 16px;
	margin-top: 6px;
}



.why-select .yx-case3-box {

	height: 40vh;

}



/* tammy - end */

/* Linda-start */

.solution-news .hnbc-bot-item a,

.news-main .hnbc-bot-item a {

	padding-bottom: 170px;

}



.solution-news-wrap,

.solution-custom-wrap {

	margin-bottom: 100px;

}



.solution-news {

	padding-bottom: 0;

	border-bottom: none;

}



.solution-main .scbmain {

	margin-top: var(--head);

}



.solution-main .home-cust-top-ul {

	padding-top: 20px;

	padding-bottom: 66px;

}



.solution-energy .home-cust-top-li {

	margin-top: 40px;

}



.solution-opinion-wrap {

	border-radius: var(--radius);

	overflow: hidden;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	padding: 30px 23px;

	background: var(--colorbj2);

	display: flex;

	align-items: flex-start;

	flex-wrap: wrap;

	position: relative;

}



.solution-opinion-wrap-img {

	width: 26%;

	border-radius: var(--radius);

}



.sown-data {

	font-size: 96px;

	color: var(--color23);

	line-height: 1.2;

}



.sown-parga p {

	margin-bottom: 0;

	color: var(--color23);

	opacity: 0.7;

}



.solution-opinion-wrap-text {

	width: 44%;

	border-right: 1px solid #CDCBC8;

	padding-left: 55px;

	padding-right: 60px;

	/* display: flex;

    justify-content: space-around; */

}



.solution-opinion-wrap-num {

	width: 30%;

	padding-left: 35px;

	position: absolute;

	right: 23px;

	bottom: 30px;

	/* display: flex;

    flex-wrap: wrap;

    align-items: flex-end; */

}



.sowt-info-post {

	color: var(--color23);

	opacity: 0.7;

}



.sowt-tit {

	margin-top: 27px;

	line-height: 1.67;

	margin-bottom: 100px;

}



.sowt-cont {

	height: 100%;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	justify-content: space-between;

}



.sslu-item-logo {

	width: 188px;

	height: 188px;

	border-radius: var(--radius);

	overflow: hidden;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	position: relative;

	background: var(--colorbj2);

}



.sslu-item a {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

}



.scwl-slick-li-ul {

	margin: 0 -76px;

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

}



.scwl-slick-li:not(:first-child) {

	display: none;

}



.scwl-slick-li {

	padding: 0 76px;

}



.scwl-slick {

	margin: 0 -76px;

}



.sslu-item {

	width: 50%;

	padding: 0 76px;

	margin-top: 40px;

}



.sslu-item-text {

	width: calc(100% - 188px);

	padding-left: 30px;

}



.sslu-item-text-lab {

	display: inline-block;

	padding: 5px 15px;

	background: var(--colorbj2);

	border-radius: 5px;

}



.sslu-item-text-lab p {

	margin-bottom: 0;

	line-height: 1.3;

}



.sslu-item-text-tit {

	margin-top: 14px;

	height: 3em;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}



.sslu-item-logo .scbimgbox_cover {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: calc(100% - 40px);

	padding: 0 20px;

}



.home-rely-list-tp {

	margin-bottom: 30px;

}



.home-rely-list-mid {

	margin-bottom: 184px;

}



.hrlb-cont {
	background: var(--colorbj2);
	border-radius: var(--radius);
	padding-top: 65px;
	padding-bottom: 72px;
	padding: 65px 93px 72px 30%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}



.hrlb-cont .std-text1 {

	margin-top: 10px;

}



.hrlb-cont-bg {

	width: 400px;

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: -1;

}



.hrlb-cont-bg img {

	width: 100%;

}



.home-rely-list-bt {

	position: relative;

}



.hrlb-img {

	width: 28%;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 2;

}



.hrlb-img img {

	width: 100%;

}



.hrlb-img-icon {

	width: 90px;

	position: absolute;

	right: -30px;

	top: 45px;

}



.hrlt-ul-li {

	width: 25%;

	padding: 0 15px;

}



.hrlt-ul {

	margin: 0 -15px;

	display: flex;

	align-items: stretch;

	flex-wrap: wrap;

}

/* 为什么我们值得信赖 */
.cfpr-img-btn {
	position: absolute;
	bottom: 40px;
	left: 5%;
	z-index: 6;
	padding: 14px 0;
	border-radius: 44px;
	display: flex;
	align-items: center;
	transition: all .4s ease;
	text-align: center;
	width: 90%;
}

.cfpr-img-btn::before {
	content: '';
	background: var(--colorfff);
	height: 100%;
	border-radius: 45px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.cfpr-img-btn.act::before {
	width: 100%;
}

.cfpr-img-btn-text {
	width: 100%;
	position: relative;
	z-index: 2;
	opacity: 0;
	transition: all .4s .2s ease;
}

.cfpr-img-btn.act .cfpr-img-btn-text {
	opacity: 1;
}

.cfpr-img-btn-text .std-text1,
.cfpr-img-btn-text .std-text1 p {
	color: var(--color333);
	line-height: var(--line15);
	margin-bottom: 0;
}

.cfpr-img-btn-text .std-text2,
.cfpr-img-btn-text .std-text2 p {
	line-height: var(--line165);
	color: var(--color666);
	margin-bottom: 0;
}

.cfpr-img-btn-text .std-text2 {
	margin-top: 1px;
}

/* 
.cfpr-img.act .cfpr-img-btn {
	opacity: 0;
	pointer-events: none;
}
 */
.hrlt-ul-li-cont {
	border-radius: var(--radius);
	overflow: hidden;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	position: relative;
}

.cibt-parga1 p {
	font-size: 22px !important;
	line-height: 1.75 !important;
	color: #333 !important;
}

.cibt-parga2 p {
	line-height: 21px !important;
}

.cfpr-content {
	display: none;
	/* 默认隐藏模态层 */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(62, 40, 230, 0.8);
	/* 半透明背景 */
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 16px;
	line-height: 28px;
	padding: 25px;
	box-sizing: border-box;
	z-index: 1;
}




.home-rely-list-midk .hrlt-ul-li:nth-child(3) {

	width: 50%;

	height: auto;

}



.home-rely-list-midk .hrlt-ul-li:nth-child(3) .hrlt-ul-li-cont {

	background: var(--colorbj2);

	padding: 20px 32px;

	height: 100%;

}



.hulc-pics {

	width: 100%;

}



.hulc-pics img {

	width: 100%;

}



.hulc-tit {

	text-align: center;

	color: #333;

	margin-top: 15px;

}



.hrlb-cont-btn .mod-btn {

	--btnw: 150px;

}



.solution-energy-tp {

	padding-top: 80px;

	padding-bottom: 100px;

}



.solution-energy-tp .scbbox1400 {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

}



.solution-energy-tp-video {

	width: 48%;

	border-radius: var(--radius);

	position: relative;

	overflow: hidden;

}



.solution-energy-tp-text {

	width: 52%;

	padding-right: 173px;

}



.hrlb-cont-btn-li2 .std-btn9 {

	--btnw: 248px;

}



.hrlb-cont-btn-li1 {

	margin-right: 20px;

}



.sett-btn {

	display: flex;

	flex-wrap: wrap;

	margin-top: 60px;

}



.sett-parga p {

	color: #333;

}



.sett-parga {

	margin-top: 23px;

}



.solution-energy-tp h1 {

	margin-top: 16px;

}



.setv-wrap {

	width: 100%;

	position: relative;

}



.setv-wrap img {

	width: 100%;

}



.setv-wrap-video {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	object-fit: cover;

}



.setv-wrap-btn .cfpr-img-btn-icon {

	width: 78px;

	border-radius: 50%;

	overflow: hidden;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

}



.cimbt-play {

	width: 60px;

}



.setv-wrap-btn.cfpr-img-btn::before {

	border-radius: 63px;

	width: 107px;

}



.setv-wrap-btn.cfpr-img-btn {

	padding: 15px 40px 15px 14px;

	left: 38px;

	bottom: 50px;

	cursor: pointer;

}



.setv-wrap-btn.cfpr-img-btn.act::before {

	width: 100%;

}



.solution-main {

	background: var(--colorbj1);

}



.solution-info-item-tit {

	height: 1.3em;

	position: relative;

}



.solution-info-item-tit,

.solution-info-item-tit span {

	font-size: 500px;

	line-height: 1.3;

	font-family: var(--familyM);

}



.solution-info-item-tit span {

	display: inline-block;

	position: absolute;

	white-space: nowrap;

}



.siiw-titbox {

	padding-left: 110px;

}



.siiw-titbox .std-h3 {

	color: var(--color23);

}



.siiw-titbox .std-h6 {

	color: var(--color23);

	opacity: 0.7;

	margin-top: 20px;

}



.solution-info-item-wrap {

	margin-top: -120px;

	position: relative;

	z-index: 2;

}



.siiw-list-swiper {

	padding-right: 244px !important;

}



.siiw-list-swiper,

.liib-swiper {

	overflow: visible !important;

	padding-bottom: 40px !important;

}



.slsl-img {

	width: 58%;

	border-radius: var(--radius);

}



.slsl-text {

	width: 42%;

	padding-left: 54px;

}



.slsl-text-logo {

	width: 170px;

}



.slsl-text-subtit {

	line-height: 1.67;

	color: var(--color23);

	opacity: 0.7;

	margin-top: 24px;
	
	font-size: 20px;
	
}



.slsl-text-parga {

	margin-top: 42px;

}



.slsl-text-parga p {

	color: var(--color23);

	opacity: 0.7;

}



.slsl-text-tit {

	margin-top: 20px;

}



.siiw-list {

	margin-top: 100px;

	position: relative;

}



.lab-info-item-bt .swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.siiw-list .swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

	height: 1px !important;

	top: auto !important;

	bottom: 0 !important;

}



.lab-info-item-bt .swiper-pagination-progressbar,

.siiw-list .swiper-pagination-progressbar {

	background: #CDCBC8 !important;

}



.lab-info-item-bt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,

.siiw-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

	height: 2px !important;

	top: -0.5px;

	background: #333;

}



.siiw-list-btn {

	margin-top: 22px;

	justify-content: flex-end;

}



.solution-info-item {

	margin-bottom: 80px;

}



.solution-info-item:last-child {

	margin-bottom: 0;

}



body {

	height: auto !important;

}



.white-nav .scbhdpc {

	background: var(--color23);

}



.white-nav .head-nav-item-title .std-text2 {

	color: var(--colorfff);

	transition: all .36s;

}



.white-nav .head-nav-item.on .head-nav-item-title .std-text2 {

	color: var(--color666);

}



.white-nav .scbhdpc .std-btn8-box::before {

	border: 2px solid var(--colorfff);

}



.white-nav .scbhdpc .std-btn8-box::after {

	background: transparent;

}



.white-nav .scbhdpc .std-btn8-box p {

	color: var(--colorfff) !important;

}



.white-nav .head-tel,

.white-nav .head-change a {

	color: var(--colorfff);

}



.white-nav .anchor-box {

	background: var(--color23);

	border-bottom: 1px solid rgba(205, 203, 200, 0.40);

}



.white-nav .scbbread-list:last-child a {

	color: var(--colorfff);

}



.white-nav .anchor-box-list-item.act .std-text3 {

	color: var(--colorfff);

}



.lab-ban {

	text-align: center;

	background: var(--color23);

	padding-top: 200px;

	padding-bottom: 110px;

	position: relative;

	z-index: 10;

}



.lab-ban-title {

	overflow: hidden;

	position: relative;

}



.lab-ban-title video {

	width: 100%;

	height: auto;

}



.lab-ban-title {

	width: 37.5vw;

	height: 6.15vw;

	-webkit-mask-image: url(../images/000.svg);

	overflow: hidden;

	-webkit-mask-size: 100% 100%, 100% 100%;

	margin: 0 auto;

}



.lab-ban-title h1 {

	display: none;

}



.lab-ban .std-h5 {

	width: 64%;

	margin: auto;

	color: #86868B;

	margin-top: 40px;

}



.lab-ban-btn {

	margin-top: 230px;

	display: inline-block;

	cursor: pointer;

}



.lab-ban-btn-wrap {

	display: flex;

	align-items: center;

	position: relative;

}



.lab-ban-btn-wrap::after {

	content: "";

	width: 0%;

	height: 1px;

	background: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

	transition: all .36s;

}



.lab-ban-btn-wrap .std-h4 {

	color: #fff;

	margin-right: 4px;

}



.lab-ban-btn-wrap img {

	width: 37px;

}



.lab-main {

	background: var(--colorbj1);

}



.lab-info {

	padding-top: var(--space2);

	padding-bottom: var(--space1);

}



.liit-parga {

	width: 41%;

}



.lab-info-item-tp .std-h3 {

	width: 59%;

}



.lab-info-item-tp {

	display: flex;

	align-items: flex-start;

	flex-wrap: wrap;

}



.liit-parga .std-text2 p {

	line-height: 1.75;

	margin-bottom: 0;

}



.liit-parga .hrlb-cont-btn {

	margin-top: 20px;

}



.lab-info-item-bt {

	margin-top: 60px;

}



.liib-swiper-item .scbimgbox_cover {

	border-radius: var(--radius);

}



.liib-swiper {

	padding-right: 296px !important;

}



.lab-info-item {

	position: relative;

	margin-bottom: var(--space2);

}



.lab-info-item:last-child {

	margin-bottom: 0;

}



.lab-info-item::after {

	content: "";

	width: calc(50% - 700px);

	height: 100%;

	background: var(--colorbj1);

	position: absolute;

	left: 0;

	top: 0;

	z-index: 5;

}



.liib-swiper-item {

	position: relative;

}



.liib-swiper-item-icon {

	width: 60px;

	cursor: pointer;

	display: none;

}



.liib-swiper-item-icon img {

	width: 100%;

}



.liib-swiper-item.on .liib-swiper-item-icon {

	display: block;

}



.hnit-icon {

	width: 14px;

	height: 14px;

	position: relative;

}



.mod-cover img {

	width: auto;

	height: 100%;

	position: absolute;

	top: 0;

	left: 50%;

	transform: translateX(-50%);

	transition: all .36s;

	max-width: inherit;

}



.head-nav-item-title {

	align-items: center;

}



.head-search-icon-search {

	width: 16px;

	height: 16px;

	position: relative;

	margin: auto;

}



.head-logo {

	line-height: 80px;

}



.head-logo a {

	display: block;

	width: 100%;

	line-height: 80px;

}



.head-cont {

	align-items: center;

}



.head-logo-cover {

	overflow: visible;

	width: 100%;

	display: inline-block;

	vertical-align: middle;

	position: relative;

}



.head-logo-cover img:nth-child(1) {

	position: relative;

	left: 0;

	top: 0;

	z-index: 1;

	width: 100%;

	transition: all .36s;

}



.head-logo-cover img:nth-child(2) {

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

	width: 100%;

	transition: all .36s;

}



.white-nav .head-logo-cover img:nth-child(2) {

	opacity: 0;

}



.mod-cover img:nth-child(2) {

	opacity: 0;

}



.white-nav .mod-cover img:nth-child(2) {

	opacity: 1;

}



.home-data {

	position: relative;

}



.home-data-bg {

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 2;

}



.home-data-bg-layer {

	width: 190vw;

	height: 100%;

	z-index: -1;

}



.home-data .scbbox1400 {

	position: relative;

	z-index: 5;

}



.home-data-bg-img {

	width: 100%;

}



.home-data-bg-img img {

	width: 100%;

}



.home-data-bg-layer img {

	width: 100%;

}



.home-data-bg-layer img:nth-child(1) {

	animation: lamp1 3s linear infinite;

}



.home-data-bg-layer img:nth-child(2) {

	position: absolute;

	top: 0;

	left: 0;

	transform: translateX(100%);

	animation: lamp2 3s linear infinite;

}



@keyframes lamp1 {

	from {

		transform: translateX(0);

	}



	to {

		transform: translateX(-100%);

	}

}



@keyframes lamp2 {

	from {

		transform: translateX(100%);

	}



	to {

		transform: translateX(0);

	}

}



.hnic-num {

	padding: 0 8px;

	border-radius: 10px;

	background: var(--colormain2);

	font-size: 12px;

	line-height: 20px;

	color: var(--color333);

	position: absolute;

	top: -12px;

	right: 0;

	transition: all .5s;

	transform-origin: left bottom;

}



.head-nav-item-cont {

	position: relative;

}



/* Linda-end */

/*鼠标效果*/

@media screen and (min-width: 1200px) {

	.ys-btn-cont-bt li:hover {

		background: rgba(83, 71, 71, 0.20);

	}

	.hsbt-text-btn-li a:hover img {

		transform: translateX(10px);

	}

	.mod-btn .std-btn9-box:hover .std-btn9-icon img:nth-child(1),

	.mod-nobj .std-btn9-box:hover .std-btn9-icon img:nth-child(2),

	.hnbc-top a:hover .mod-nobj .std-btn9-icon img:nth-child(2) {

		opacity: 0;

	}



	.mod-btn .std-btn9-box:hover .std-btn9-icon img:nth-child(2),

	.mod-nobj .std-btn9-box:hover .std-btn9-icon img:nth-child(1),

	.hnbc-top a:hover .mod-nobj .std-btn9-icon img:nth-child(1) {

		opacity: 1;

	}



	.mod-btn .std-btn9-box:hover .std-btn9-icon {

		background: var(--colorblue);

		border: 1px solid var(--colorfff);

		right: 135px;

	}



	.mod-btn .std-btn9-box:hover p,

	.mod-nobj .std-btn9-box:hover p,

	.hnbc-top a:hover .mod-nobj .std-btn9-box p {

		left: 60px;

		color: var(--colorfff);

	}



	.mod-nobj .std-btn9-box:hover .std-btn9-icon,

	.hnbc-top a:hover .mod-nobj .std-btn9-icon {

		background: var(--colorfff);

		border: 1px solid var(--color23);

		right: 135px;

	}



	.mod-nobj .std-btn9-box:hover,

	.hnbc-top a:hover .mod-nobj .std-btn9-box {

		background: var(--colorblue);

	}



	.mod-arrow .swiper-button-next:hover,

	.mod-arrow .swiper-button-prev:hover,

	.swiper-arrow-left:hover,

	.swiper-arrow-right:hover,

	.mod-arrow .slick-next:hover,

	.mod-arrow .slick-prev:hover {

		background: var(--colorblue);

	}



	.mod-arrow .swiper-button-next:hover::after,

	.mod-arrow .slick-next:hover::after {

		background: url(../images/scb_icon_righa.png) center / cover no-repeat;

	}



	.mod-arrow .swiper-button-prev:hover::after,

	.mod-arrow .slick-prev:hover::after {

		background: url(../images/zuojiantouF.png) center / cover no-repeat;

	}



	.company-partner.mod-arrow .slick-next:hover,

	.company-partner.mod-arrow .slick-prev:hover {

		background: var(--colorfff);

	}



	.company-partner.mod-arrow .slick-next:hover::after {

		background: url(../images/a1_arrow01.svg) center / cover no-repeat;

	}



	.company-partner.mod-arrow .slick-prev:hover::after {

		background: url(../images/a1_arrow001.svg) center / cover no-repeat;

	}



	.hnbc-bot-item a:hover .hnbc-bot-item-arrow {

		transform: translateX(10px);

	}



	.hnbc-top-right a:hover img {

		transform: scale(1.05);

	}



	.scbfooter-top-li a:hover .yftl-btn::before {

		width: 100%;

	}



	.scbfooter-top-nav a:hover {

		padding-left: 5px;

	}



	.swiper-arrow-left:hover img:last-child,

	.swiper-arrow-right:hover img:last-child {

		opacity: 1;

	}



	.swiper-arrow-left:hover img:first-child,

	.swiper-arrow-right:hover img:first-child {

		opacity: 0;

	}



	.std-btn8-box:hover::after {

		opacity: 0;

		transform: scale(1.1);

	}



	.std-btn8-box:hover p {

		color: var(--colorblue);

	}



	.std-btn8-box:hover::before {

		transform: scale(1.1);

		border-color: var(--color23);

	}



	.head-nav-item1 .hnid-left-li-link:hover {

		background: #C5CEFF;

	}



	.hnid-left-li-link:hover img {

		transform: translateX(0);

		opacity: 1;

	}



	.head-nav-item1 .hnid-remod-item a:hover .hnid-remod-item-img img {

		transform: scale(1.05);

	}



	.hnid-remod-bot-li:hover {

		transform: translateX(10px);

	}



	.head-nav-item1 .head-nav-item-title:hover {

		background: #C5CEFF;

	}



	.head-nav-item2 .hnid-left-li-link:hover {

		background: #C5FFEC;

	}



	.head-nav-item2 .head-nav-item-title:hover {

		background: #C5FFEC;

	}



	.head-nav-item3 .hnid-left-li-link:hover {
		background: #BCEEFF;
	}
	.head-nav-item3 .head-nav-item-title:hover {
		background: #BCEEFF;
	}
	.head-nav-item3 .hnid-mid-li .hnid-left-li-link:hover {
		background: #BCEEFF;
	}

	.head-nav-item4 .head-nav-item-title:hover {
		background: #EBFDC7;
	}
	.head-nav-item4 .hnid-left-li-link:hover {
		background: #EBFDC7;

	}

	.head-nav-item5 .head-nav-item-title:hover {

		background: #F3E697;

	}
	.head-nav-item5 .hnid-left-li-link:hover {
		background: #F3E697;
	}

	.hspw-tp-close-btn:hover {

		background: #333336;

	}



	/* tammy */

	.scbbread-list a:hover {

		color: var(--color333);

	}



	.wicn-box:hover .wicn-box-bg {

		transform: scale(1.05);

	}



	.wclh-list-item-link:hover .wclh-lil-circle {

		background: var(--color23);

		transform: scale(1.29);

	}



	.wclh-list-item-link:hover .wclh-lil-wrap-text .std-h6 {

		color: var(--colorfff);

	}



	.wclh-list-item-link:hover .std-text2 {

		color: #CDCBC8;

	}



	.wclh-list-item-link:hover .wclh-lil-wrap-icon {

		opacity: 0;

		pointer-events: none;

		transform: translateY(-20%) scale(.8);

	}



	.wclh-list-item-link:hover .wclh-lil-wrap-text {

		opacity: 1;

		pointer-events: all;

		transform: translate(-50%, -50%);

	}



	.wclh-list-item:hover {

		z-index: 10;

	}



	.why-case-logo-horse:hover {

		z-index: 3;

	}



	.why-share-list-item:hover .wsli-img img {

		transform: scale(1.05);

	}



	.cpli-box:hover>img {

		transform: scale(1.05);

	}



	.why-case-logo-horse:hover .wclh-list {

		animation-play-state: paused !important;

	}



	.cfpr-img-btn:hover {

		transform: scale(1.025);

	}



	/* end */

	.mod-nobj .std-btn9-box:hover .std-btn9-icon,

	.hnbc-top a:hover .mod-nobj .std-btn9-icon {

		background: var(--colorfff);

		border: 1px solid var(--color23);

		right: 106px;

	}



	/* Linda-start */

	.solution-opinion-wrap:hover .solution-opinion-wrap-img img {

		transform: scale(1.05);

	}



	.hrlb-cont-btn .mod-btn .std-btn9-box:hover .std-btn9-icon {

		right: 108px;

	}



	.hrlb-cont-btn-li2 .mod-nobj .std-btn9-box:hover .std-btn9-icon,

	.hnbc-top a:hover .mod-nobj .std-btn9-icon {

		right: 204px;

	}



	.white-nav .scbbread-list a:hover {

		color: var(--colorfff);

	}



	.lab-ban-btn-wrap:hover::after {

		width: 100%;

	}



	.white-nav .head-nav-item-title:hover .mod-cover img:nth-child(2) {

		opacity: 0;

	}



	.white-nav .head-nav-item .head-nav-item-title:hover .std-text2 {

		color: var(--color666);

	}



	.head-nav-item:hover .hnic-num {

		transform: scale(0);

	}



	/* Linda-end */

	/* 2025.01.09 - start */

	.yfts-lxn-core:hover {

		color: var(--colorfff);

	}

	.mod-arrow .swiper-button-next:hover,
	.mod-arrow .swiper-button-prev:hover,
	.swiper-arrow-left:hover,
	.swiper-arrow-right:hover,
	.mod-arrow .slick-next:hover,
	.mod-arrow .slick-prev:hover {

		background: var(--colorblue);

	}

	.mod-btn .std-btn9-box:hover .std-btn9-icon {

		background: var(--colorblue);

	}

	/* 2025.01.09 - end */

}



/* tammy - 2024.04.29 - start */

.service-firm-rotate-item {

	transition: opacity 0s !important;

}



.service-firm-rotate-item .sfri-cry {

	transition: all 0s ease;

	transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

	transform-style: preserve-3d;

}



.service-firm-rotate-item.slick-active .sfri-cry {

	transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

	transform-style: preserve-3d;

	transition: all 1.5s ease, opacity 0s ease;

}



.company-outline.on-hide .ys-bgimg-box {

	opacity: 0;

}



.company-main {

	background: var(--colorbj2);

}



.company-outline {

	z-index: 1;

}



.company-value .company-value-list-item:nth-child(2)::before,

.company-value.act .company-value-list-item:nth-child(2) .cvli-box {

	-webkit-transition-delay: .5s;

	-o-transition-delay: .5s;

	transition-delay: .5s;

}



.company-value .company-value-list-item:nth-child(n+2)::before {

	-webkit-transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

	-o-transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

	transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

}



.company-value .company-value-list-item::before {

	-webkit-transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

	-o-transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

	transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.company-value .cvli-box {

	-webkit-transition: opacity .6s linear;

	-o-transition: opacity .6s linear;

	transition: opacity .6s linear;

}



.company-video.act .cwli-link-img-play {

	opacity: 0;

}



.sili-text p::after {

	content: '';

	width: 14px;

	height: 10px;

	background-size: 100% 100%;

	background-image: var(--mark1);

	position: absolute;

	left: 11px;

	top: 18px;

	transform: translate(-50%, -50%);

	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

	transition: all .6s ease-in-out;

}



.sili-text p.open::before {

	transform: scale(1);

}



.sili-text p::before {

	transform: scale(0.2);

	transition: all .36s ease-out;

}



.sili-text p.open::after {

	transition-delay: .5s;

	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

}



.curi-map {

	opacity: 0;

	/* transform: scale(.8); */

	transition: all .2s ease;

}



.contact-us-right-item.act .curi-map {

	opacity: 1;

	transform: scale(1);

	transition: all .4s ease;

}



.contact-us {

	padding-top: calc(88px + var(--head));
	background-color: #fff;

}



/* tammy - 2024.04.29 - end */

/* 4.29 g */

.home-service {

	border-bottom-color: transparent;

}



.home-data-bg {

	top: -50px;

}



.lab-main .anchor-box {

	position: static;

}



.white-nav .no-top {

	background: var(--color23);

}



.news-main .scbmain {

	margin-top: 80px;

}



.news-top {

	background: #F2EFE8;

	padding: 100px 0;

}



.hnbc-top-right {

	position: relative;

}



.hnbc-top-right .scbimgbox_cover {

	border-radius: var(--radius);

}



.news-top .hnbc-top {

	margin-bottom: 0;

	align-items: center;

}



.news-main .home-news-tag {

	background-color: #EDE8DD;

}



.news-main .hnbc-top-left-tag .home-news-tag::before {

	right: -17px;

	height: 5px;

	width: 5px;

	border-radius: 50%;

}



.news-top .hnbc-top-right {

	width: 57%;

	cursor: pointer;

}



.news-top .hnbc-top-left {

	width: 43%;

	padding-right: 6%;

	padding-top: 0;

}



.news-top .std-text1 {

	margin: 20px 0;

}



.news-top .std-btn9 {

	margin-top: 24px;

}



.news-top-play {

	position: absolute;

	bottom: 26px;

	left: 32px;

}



.hnbc-top-left .std-h3 {

	height: calc(1.3em * 2);

}





.news-top-text p {

	height: calc(1.5em * 2);

}



.news-top .hnbc-top-left-tag {

	margin-bottom: 14px;

}



.news-bot-left,

.newsdt-top-cont {

	width: 64.2%;

}



.news-bot-right {

	width: 22.8%;

}



.news-bot .scbbox1400 {

	display: flex;

	justify-content: space-between;

}



.news-bot {

	margin-top: 38px;

}



.news-bot-li a {

	padding: 40px;

	display: flex;

	justify-content: space-between;

	position: relative;

}



.news-bot-li .scbimgbox_cover {

	width: 40%;

	height: 100%;

	border-radius: var(--radius);

}



.news-bot-li-text {

	width: 60%;

	padding-left: 50px;

}



.news-bot-li a {

	border-bottom: 1px solid #CDCBC8;

}



.news-bot-li a::before {

	position: absolute;

	content: '';

	top: 50%;

	transform: translateY(-50%);

	left: 0;

	width: 100%;

	height: 102%;

	background: #F2EFE8;

	z-index: 2;

	opacity: 0;

	border-radius: var(--radius);

}



.news-bot-li a::after {

	position: absolute;

	content: '';

	top: 50%;

	transform: translateY(-50%);

	left: 0;

	width: 100%;

	height: 102%;

	background: var(--colorbj1);

	z-index: 1;

	opacity: 0;

}



.news-bot-li-text .std-h5 {

	margin: 12px 0;

}



.news-bot-li.on .scbimgbox_cover {

	display: none;

}



.news-bot-li.on .news-bot-li-text {

	padding-left: 0;

	width: 100%;

}



.news-bot-li-text,

.news-bot-li .scbimgbox_cover {

	position: relative;

	z-index: 10;

}



.news-bot-ul {

	margin-bottom: 70px;

}



.news-bot {

	margin-bottom: var(--space1);

}



.pc-fenye li {

	font-family: 'OPPOSans-Regular' !important;

	line-height: 28px;

	color: var(--color666);

}



.pc-fenye li.activepage {

	color: var(--color333);

	background: transparent;

	border-color: var(--color333);

}



.news-bot-right {

	margin-top: 38px;

}



.news-bot-right-item {

	margin-bottom: 80px;

}



.news-bot-right-item .std-h6 {

	margin-bottom: 30px;

}



.nbri-ul1 .scbimgbox_cover {

	border-radius: 20px;

}



.nbri-ul1 li {

	margin-bottom: 32px;

}



.nbri-ul1 li a {

	position: relative;

}



.nbri-ul1 li a::before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 86px;

	border-radius: 0px 0px 20px 20px;

	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));

	z-index: 1;

}



.nbri-ul1 .std-text1 {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	color: var(--colorfff);

	padding: 14px 22px;

	z-index: 5;

}



.nbri-ul2 li a {

	padding: 0 0 28px;

	border-bottom: 1px solid #CDCBC8;

	display: block;

	margin-bottom: 28px;

}



.nbri-ul2 li .std-text1 {

	color: var(--color333);

}



.nbri-tag-text {

	margin-right: 10px;

	margin-bottom: 10px;

}



.nbri-tag-text a {

	border-radius: 5px;

	background: #EDE8DD;

	padding: 3px 10px;

	color: #888;

	font-size: var(--font16);

	display: block;

}



.nbri-tag {

	display: flex;

	flex-wrap: wrap;

}



.nbri-ewm {

	width: 100%;

	background: #EDE8DD;

	border-radius: 13px;

	position: relative;

}



.nbri-ewm-img {

	width: 100%;

	padding: 26px 40px;

}



.nbri-ewm img {

	border-radius: 13px;

	width: 230px;

	margin: 0 auto;

}



.nbri-ewm .std-text2 {

	margin-top: 12px;

	color: var(--color333);

	text-align: center;

}



.newsdt-bot {

	margin-bottom: var(--space1);

}



.newsdt-bot {

	border-top: 1px solid #CDCBC8;

}



.nbri-cta {

	padding: 20px 45px 20px 26px;

	background: #F2EFE8;

	border-radius: 20px;

}



.nbri-cta .std-btn9 {

	margin-top: 30px;

}



.newsdt-main .newsdt-top-cont {

	padding: 100px 0 40px;

	border-bottom: 1px solid #CDCBC8;

}



.newsdt-main .yxedr-active p img {

	border-radius: var(--radius);

}



.newsdt-guide {

	display: flex;

	align-items: center;

}



.newsdt-guide {

	padding: 88px 50px 88px 240px;

	border-radius: var(--radius);

	background: #F2EFE8;

	position: relative;

}



.newsdt-guide {

	margin-top: 70px;

}



.newsdt-guide-text {

	padding: 0 90px 0 45px;

}



.newsdt-guide-img {

	position: absolute;

	top: -30px;

	left: 90px;

	width: 150px;

}



.newsdt-guide .mod-btn {

	--btnw: 150px;

}



.newsdt-main .news-bot-right {

	margin-top: 0;

}



.newsdt-top-cont .std-h3 {

	margin: 24px 0;

}



.newsdt-top-tag span:last-child {

	color: var(--color333);

	padding-left: 45px;

}



.topic-share {

	background: #F2EFE8;

	border-radius: 15px;

	padding: 30px 28px 40px;

}



.topic-share-top {

	display: flex;

	align-items: center;

	margin-bottom: 40px;

}



.topic-share-img {

	width: 78px;

	border-radius: 50%;

}



.topic-share-img img {

	border-radius: 50%;

	width: 100%;

}



.topic-share-top .std-text2 {

	padding-left: 18px;

}



.topic-share-text .std-h6 {

	border-bottom: 1px solid #CDCBC8;

	margin-bottom: 24px;

	padding-bottom: 10px;

}



.topic-share-text-icon {

	display: flex;

	justify-content: flex-end;

}



.topic-share-text-icon .yfts-top-item-icon {

	width: 38px !important;

}



.topic-share-text-icon .yfts-top-item {

	margin-right: 0;

}



.topic-share-text-icon .yfts-top-item:first-child {

	margin-right: 25px;

}



.topic-theme-text {

	position: relative;

	margin-bottom: 20px;

}



.topic-theme-text.on p {

	padding-left: 18px;

	color: #333;

}



.topic-theme-text::before {

	content: '';

	position: absolute;

	top: 6px;

	left: 0;

	width: 2px;

	height: 0;

	background: #F89356;

	transition: all .36s;

}



.topic-theme-text.on::before {

	height: 28px;

}



.topic-theme .std-h6 {

	border-bottom: 1px solid #CDCBC8;

	padding-bottom: 10px;

}



.topic-theme-text p {

	color: var(--color999);

	line-height: 2;

	cursor: pointer;

	transition: all .36s;

}



.topic-main .news-bot-right {

	margin-top: 64px;

}



.topic-title .std-h3 {

	margin: 22px 0 26px;

}



.topic-title .std-text2 {

	color: var(--color666) !important;

}



.topic-title .newsdt-top-tag span:last-child {

	padding-left: 0;

}



.topic-title {

	padding-bottom: 32px;

	border-bottom: 1px solid #CDCBC8;

	margin-bottom: 42px;

}



.news-bot-right-item:last-child {

	margin-bottom: 0;

}



.cta-main .scbmain {

	margin-top: 130px;

}



.cta-form-li {

	width: calc(50% - 12px);

}



.cta-form {

	display: flex;

	justify-content: space-between;

}



.cta-form input {

	width: 100%;

	height: 36px;

	padding: 0 16px;

}



.cta-form input,

.cta-form textarea {

	border: 1px solid #72716F;

	border-radius: 5px;

	font-size: 16px;

}



.cta-cont {

	display: flex;

}



.cta-left {

	width: 51.7%;

	padding-right: 10.76%;

}



.cta-rihgt {

	width: 48.3%;

	background: #F2EFE8;

	border-radius: var(--radius) 0 0 0;

	padding: 62px 120px;

	position: relative;

}



.cta-left .std-h4 {

	margin-bottom: 24px;

}



.cta-left-vio {

	position: relative;

}



.cta-left-vio-play {

	position: absolute;

	bottom: 28px;

	left: 30px;

	width: 60px;

	cursor: pointer;

}



.cta-left-vio-img {

	border-radius: var(--radius);

}



.cta-left-vio {

	margin-bottom: 38px;

}



.cta-left-cont-service {

	margin-top: 40px;

	margin-bottom: 130px;

}



.cta-left-cont .home-cust-top-li {

	width: 25%;

	margin-bottom: 38px;

}



.cta-left-cont-service li {

	display: flex;

	align-items: flex-start;

	margin-bottom: 22px;

}



.clcs-text {

	padding-left: 12px;

}



.cta-left-cont-service img {

	margin-top: 5px;

}



.clcs-text .std-text1 {

	color: var(--color333);

}



.cta-form span {

	color: #FF0000;

}



.cta-form p {

	margin-bottom: 10px;

}



.cta-form {

	margin-bottom: 20px;

}



.cta-form textarea,

.cta-form label {

	width: 100%;

}



.cta-form textarea {

	padding: 10px 16px;

}



.cta-form p {

	font-size: 16px;

	line-height: 1.5;

}



.cta-form img {

	width: 115px;

	border-radius: 5px;

	cursor: pointer;

}



.cta-form-valid {

	display: flex;

	justify-content: space-between;

}



.cta-form-valid input {

	width: calc(100% - 122px);

}



.cta-agree-icon {

	width: 20px;

	height: 20px;

	border-radius: 5px;

	border: 1px solid #72716F;

	position: relative;

	cursor: pointer;

}



.cta-agree-icon img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	opacity: 0;

	transition: all .36s;

}



.cta-agree {

	display: flex;

	align-items: center;

}



.cta-agree p {

	padding-left: 10px;

	color: var(--color333);

	font-size: 14px;

}



.cta-agree p a {

	color: var(--color666);

}



.cta-btn a {

	margin-top: 28px;

	background: var(--color23);

	color: var(--colorfff);

	text-align: center;

	font-size: 16px;

	line-height: 48px;

	border-radius: 50px;

	display: block;

	width: 100%;

}



.cta-btn {

	width: 100%;

}



.cta-agree.on .cta-agree-icon img {

	opacity: 1;

}



.cta-rihgt::before {

	content: '';

	position: absolute;

	top: 0;

	right: -88px;

	width: 88px;

	height: 100%;

	background: #F2EFE8;

	border-radius: 0 var(--radius) 0 0;

}



.casedt-main {

	background: var(--color23);

}



.lab-main .no-top {

	margin-top: 80px;

	border-bottom: 1px solid rgba(205, 203, 200, 0.40);

}



.casedt-sur-logo {

	width: 330px;

	margin: 0 auto 30px !important;

}



.casedt-sur-title {

	color: var(--colorfff);

	margin-bottom: 90px;

	text-align: center;

}



.casedt-sur-vio-img img {

	width: 100%;

	border-radius: var(--radius);

}



.casedt-sur-vio {

	position: relative;

	cursor: pointer;

	margin-bottom: 70px;

}



.casedt-sur-vio-play {

	display: flex;

	align-items: center;

}



.casedt-sur-vio-play .std-h4 {

	color: var(--colorfff);

	margin-right: 5px;

	position: relative;

}



.casedt-sur-vio-play .std-h4::before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0;

	height: 1px;

	background: var(--colorfff);

	transition: all .36s;

}



.casedt-sur-intro {

	color: var(--colorfff);

	text-align: center;

	margin-bottom: 100px;

}



.casedt-sur-num .std-text1 {

	text-align: center;

}



.casedt-sur-num ul {

	display: flex;

}



.casedt-sur-num li {

	width: 33.333333%;

	text-align: center;

}



.casedt-sur-num-data .ys_demo_num1 {

	color: #A1A1A6;

	font-size: var(--font64);

}



.casedt-sur-num-text {

	padding-left: 20px;

	color: #A1A1A6;

	font-size: var(--font32);

}



.casedt-sur-num-data {

	margin-bottom: 10px;

}



.casedt-sur-num li .std-text2 {

	color: #A1A1A6;

}



.casedt-sur-leader {

	background: rgba(255, 255, 255, .1);

	border-radius: 40px;

	display: flex;

	align-items: center;

	padding: 80px 100px;

	justify-content: space-between;

}



.casedt-sur-leader-left {

	width: 70%;

	color: var(--colorfff);

	opacity: .7;

}



.casedt-sur-leader-right img {

	width: 80px;

	border-radius: 50%;

	margin-bottom: 10px;

}



.casedt-sur-leader-right {

	text-align: center;

}



.cslr-name {

	color: var(--colorfff);

}



.cslr-intro {

	color: var(--colorfff);

	opacity: .7;

}



.casedt-sur {

	/* margin-bottom: 220px; */

}



.casedt-main .std-h3 {

	color: var(--colorfff);

}



.casedt-case h3 {

	color: var(--colorfff);

	font-size: 40px;

}



.casedt-spec-item-top {

	display: flex;

	margin: 0 -15px;

}



.casedt-spec .std-h3 {

	margin-bottom: 80px;

}



.casedt-spec-item-left {

	width: 50%;

	padding: 0 15px;

	position: relative;

}



.casedt-spec-item .scbimgbox_cover,

.casedt-spec-item .scbimgbox_cover img {

	border-radius: var(--radius);

}



.casedt-spec-item-bot {

	position: relative;

}



.csil-title {

	position: absolute;

	top: 56px;

	left: 50%;

	transform: translateX(-50%);

	width: 100%;

	padding: 0 60px;

}



.casedt-spec-item-left .csil-title {

	width: calc(100% - 30px);

}



.casedt-spec-item-top,

.casedt-spec-item-top {

	margin-bottom: 30px;

}



.csil-title .std-h4 p {

	color: var(--colorfff);

	line-height: var(--line13);

}



.csil-title .std-h6 {

	color: var(--colorfff);

	opacity: .8;

	margin-bottom: 10px;

}



.csil-title .std-h4 {

	width: 86%;

}



.casedt-spec {

	margin-bottom: 230px;

}



.casedt-case h3 {

	font-size: 40px;

	color: var(--colorfff);

	opacity: .8;

	line-height: var(--line13);

}



.casedt-main .home-part .scbbox1400 {

	border-radius: var(--radius);

	background: var(--color333);

	position: relative;

}



.casedt-cta-img {
	position: absolute;
	top: -20%;
	right: 10%;
	width: 470px;
	float: right;
}
.casedt-main .home-part .mod-cta-text {
	position: static;
	transform: translate(0%, 0%);
	padding: 82px 135px;
}



.casedt-main .home-part .std-text1,

.casedt-main .home-part .std-h4 {

	color: var(--colorfff);

}



.casedt-main .home-part .std-btn9 a {

	border: 1px solid var(--colorfff);

}



.casedt-main .home-part .mod-nobj .std-btn9-box p {

	color: var(--colorfff);

}



.casedt-main .home-part .mod-nobj .std-btn9-icon {

	background: var(--colorfff);

}



.casedt-main .home-part .mod-nobj .std-btn9-icon img:nth-child(1) {

	opacity: 1;

}



.casedt-main .home-part .mod-nobj .std-btn9-icon img:nth-child(2) {

	opacity: 0;

}



.casedt-main .home-part .std-text1 {

	margin: 20px auto 30px;

}



.casedt-spec-item {

	margin-bottom: 30px;

}



.casedt-sur-vio {

	position: relative;

}



.casedt-sur-vio-mc {

	background: rgba(0, 0, 0, 0.32);

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border-radius: var(--radius);

	transition: all .36s;

	opacity: 1;

}



.casedt-case .swiper-slide {

	width: 25% !important;

	margin-right: 30px;

	background: #1D1D1F;

	border-radius: var(--radius);

	padding: 42px 32px;

	height: auto;

}



.casedt-case-img {

	margin-bottom: 90px;

	width: 160px;

}



.casedt-case .swiper-slide .std-h4 {

	margin-bottom: 135px;

	color: var(--colorfff);

}



.casedt-case .swiper-container {

	overflow: initial;

}



.swiper-wrapper {

	margin-bottom: 30px;

}



.casedt-case .casedt-case {

	margin-bottom: 170px;

}



.casedt-case-title {

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.casedt-case .mod-arrow .swiper-button-prev::after {

	background: url(../images/a1_arrow002.svg) center / cover no-repeat;

}



.casedt-case .mod-arrow .swiper-button-next::after {

	background: url(../images/scb_icon_righa.svg) center / cover no-repeat;

}



.casedt-case .swiper-arrow-left,

.casedt-case .swiper-arrow-right {

	border: 1px solid var(--colorfff);

}



.casedt-case .swiper-arrow img:last-child {

	opacity: 1;

}



.casedt-case .swiper-pagination {

	bottom: -55px !important;

}



.casedt-case .swiper-pagination-bullet {

	background: #D9D9D9 !important;

	opacity: .25 !important;

}



.casedt-case .swiper-pagination-bullet-active {

	background: var(--colorfff) !important;

	opacity: 1 !important;

}



.casedt-case {

	margin-bottom: 160px;

}



.case-down a {

	display: flex;

}



.case-down .std-text3 {

	color: var(--color333);

}


.sslu-item .scb-pos-center {

	width: 80%;

}



.case-top-cont {

	display: flex;

	position: relative;

	z-index: 10;

	justify-content: space-between;

}



.case-tab,

.case-bot {

	position: relative;

	z-index: 10;

}



.case-cont {

	position: relative;

	margin-top: 130px;

}



.case-top-num {

	color: var(--color23);

	font-size: var(--data170);

	font-family: var(--familyB);

	padding-right: 25px;

}



.case-top-flex {

	display: flex;

	align-items: flex-end;

	justify-content: flex-end;

}



.case-top-info .std-h6 {

	color: var(--color666);

}



.case-top .ys-slick {

	width: 260px;

}



.case-top {
	position: relative;
	
	padding-bottom: 80px;
	
	/*background-color: #f9f8f6;*/

}



.case-tab-item {

	display: flex;

}



.case-tab-item ul {

	display: flex;

	width: calc(100% - 78px);

	flex-wrap: wrap;

}



.case-tab-item-name {

	width: 78px;

	font-size: var(--font16);

	line-height: var(--line13);

	color: var(--color333);

}



.case-tab-item {

	margin-bottom: 18px;

}



.case-tab-item li {

	margin-right: 40px;

	margin-bottom: 10px;

}



.case-tab-item li a {

	color: var(--color666);

	font-size: var(--font16);

	line-height: var(--line13);

}



.case-tab {

	margin-bottom: 50px;

}



.case-bot .item {

	width: 50%;

	padding: 0 100px;

	margin-bottom: 140px;

	position: relative;

}



.case-bot-pic,

.case-bot-img {

	position: relative;

}



.case-bot-img img:nth-child(2),

.case-bot-img img:nth-child(3) {

	position: absolute;

	top: 0;

	left: 0;

}



.case-bot .item:nth-child(2n) {

	top: 80px;

}



.case-bot-icon {

	position: absolute;

	top: 30px;

	left: 60px;

	z-index: 1;

}



.case-bot-img img {

	width: 100%;

	border-radius: var(--radius);

}



.case-bot-text .std-text2 {

	background: #F2EFE8;

	padding: 0 15px;

	display: inline-block;

	border-radius: 5px;

}



.case-bot-text .std-h6 {

	margin-top: 10px;

}



.case-bot-masonry {

	display: flex;

	flex-wrap: wrap;

	margin: 0 -100px 20px;

}



.ys-slick-item.slick-current .case-top-num {

	animation: ysfadeInUp 0.8s ease-in-out both;

	animation-delay: 0.2s;

}



.ys-slick-item.slick-current .case-top-info {

	animation: ysfadeInUp 0.8s ease-in-out both;

	animation-delay: 0.3s;

}



.service-main .scbmain,

.why-main .scbmain,

.company-main .scbmain,

.contact-main .scbmain {

	margin-top: var(--head);

}



.company-outline-box {

	top: 0;

}



.company-value.act1 .company-value-list-item::before {

	width: 0;

	height: 0;

	opacity: 0;

}



.service-bg {

	position: absolute;

	overflow: hidden;

}



.service-firm.on .service-bg {

	position: absolute;

}



.service-firm.on1 .service-bg {

	position: fixed;

	top: 25vh;

}



.service-firm.on2 .service-bg {

	overflow: visible;

}



.service-bg img {

	width: 100%;

	min-height: 100%;

	object-fit: cover;

	max-width: none;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	position: absolute;

	height: auto;

}



.ybcu-li-text {

	font-size: var(--font64);

	line-height: 1.1;

	color: var(--colorfff);

	white-space: nowrap;

	position: relative;

	transform-origin: 30% 50%;

	transition: all .36s;

	z-index: 2;

}



.ybcu-li-text::after {

	content: "";

	position: absolute;

	top: 50%;

	right: -68px;

	transform: translateY(-50%);

	background: url(../images/arrow0.svg) center no-repeat;

	background-size: contain;

	height: 100%;

	width: 48px;

	opacity: 0;

	transition: all .36s;

}



.ybcu-li-text::before {

	content: "";

	position: absolute;

	top: 50%;

	right: 0;

	transform: translateY(-50%);

	background: url(../images/arrow0.svg) center no-repeat;

	background-size: contain;

	height: 100%;

	width: 48px;

	opacity: 0;

	transition: all .36s;

}



/* .ybcu-li:last-child.act .ybcu-li-text::after {

    opacity: 1;

} */



.ybcu-li:last-child.act {

	cursor: pointer;

	transform: scale(0.6);

}



.ybcu-li {

	display: none;

	pointer-events: none;

	padding: 6px 20px;

}

.ybcu-li.act {

	display: block;

	pointer-events: all;

}

/* 20241212 */

.ybcu-li.active {

	opacity: 0;

}

.ybcu-li.start .ybcu-li-text {

	animation: TextShow .4s forwards;

}

.ybcu-li.start {

	display: block;

	pointer-events: all;

	opacity: 1 !important;

}

.ybcu-li.start::after {

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	border: solid 4px var(--colorfff);

	border-radius: 50px;

	opacity: 0;

	transition: all .36s;

}

.ybcu-li.start::after {

	top: 0;

	transform: translate(-50%, 0%);

	border: 2px solid var(--colorfff);

	background: rgba(147, 139, 139, 0.10);

	backdrop-filter: blur(12px);

	-webkit-backdrop-filter: blur(12px);

}

.ybcu-li.start::after {

	animation: LineShow .4s 0.2s forwards;

}

.ybcu-li.start .ybcu-li-text::after {

	opacity: 1;

}

/* 20241212 */



/* .ybcu-li:last-child.act .ybcu-li-text {

    animation: TextShow .4s forwards;

} */



@keyframes TextShow {

	0% {

		transform: scale(1);

	}



	100% {

		transform: scale(0.6);

	}

}



/* .ybcu-li:last-child::after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border: solid 4px var(--colorfff);

    border-radius: 50px;

    opacity: 0;

    transition: all .36s;

} */



@keyframes LineShow {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}



.ybcu-li:last-child.act::after {

	animation: LineShow .4s 0.2s forwards;

}



.ybcu-li:last-child::before {

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	/* background: var(--colorfff); */

	border-radius: 50px;

	opacity: 0;

	transition: all .36s;

	cursor: pointer;

}



.ys-btn-cont-ul {

	position: relative;

}



.mc-modal-demo {

	background: var(--color333);

}



.scb-modal-content {

	background: var(--color333);

}



.scb-modal-ul-li {

	width: 50%;

	margin-bottom: 20px;

}



.scb-modal-ul {

	display: flex;

	flex-wrap: wrap;

}



.scb-modal-ul-li a {

	display: block;

	color: #fff;

	line-height: 1.2;

	font-size: 30px;

}



.scb-modal-close .icon-close:before {

	color: #fff;

}



.casetab-suff-top {

	position: relative;

}



.csti-img2 {

	display: none;

}



.casetab-suff-top img {

	width: 100%;

	border-radius: var(--radius);

}



.casetab-suff {

	margin-top: 160px;

}



.casetab-suff-top-cont .std-h2 {

	color: var(--colorfff);

	text-align: center;

	margin-bottom: 20px;

}



.scb-modal-ul-li.act a {

	color: #6c6c70;

}



.casetab-suff .home-cust-top-li {

	margin-bottom: 30px;

}



.casetab-suff .home-cust-top-cont {

	border-top: 1px solid transparent;

}



.casetab-sulo {

	background: #F2EFE8;

}



.casetab-brand-title {

	display: flex;

	justify-content: space-between;

}



.casetab-brand-title .std-text1 {

	width: 40%;

}



.casetab-brand-li {

	display: flex;

	padding: 37px;

	background: #F2EFE8;

	border-radius: var(--radius);

	margin-bottom: 100px;

}



.casetab-brand-ul .case-bot-pic {

	width: 50%;

}



.casetab-brand-li-text {

	width: 50%;

	padding-left: 70px;

	padding-top: 36px;

}



.cbit-img {

	margin-bottom: 32px;

}



.casetab-brand-li-text .std-h6 {

	margin-bottom: 60px;

}



.cblt-num {

	display: flex;

	flex-wrap: wrap;

}



.cblt-num-text {

	width: 50%;

	margin-bottom: 40px;

}



.cblt-num-text-data .scb-demo-num {

	font-size: var(--font64);

	color: var(--color333);

	line-height: var(--line13);

	font-family: var(--familyB);

	padding-right: 10px;

}



.cblt-num-text-data {

	display: flex;

	align-items: flex-end;

}



.casetab-brand-li-text .std-btn9 {

	margin-top: 10px;

}



.casetab-sulo-ul {

	display: flex;

	margin: 0 -80px;

	flex-wrap: wrap;

}



.casetab-sulo-ul li {

	width: 33.333333%;

	padding: 0 80px;

}



.casetab-sulo-icon {

	width: 70px;

	margin-bottom: 10px;

}



.casetab-sulo-ul .std-h4 {

	margin-bottom: 30px;

}



.casetab-news-title {

	display: flex;

	justify-content: space-between;

}



.casetab-news .ys-slick-item a {

	background: #F2EFE8;

	border-radius: var(--radius);

	padding: 68px 36px 114px;

	position: relative;

	display: block;

	height: 100%;

}



.casetab-news .ys-slick-item {

	padding: 0 16px;

	height: auto;

}



.casetab-news .ys-slick {

	margin: 0 -16px;

}



.casetab-news-arrow {

	position: absolute;

	bottom: 52px;

	left: 36px;

}



.casetab-news .case-bot-text {

	margin-top: 40px;

}



.casetab-news .case-bot-text .std-text2 {

	background: #EDE8DD;

}



.casetab-news-time {

	color: var(--color666);

	font-size: var(--font16);

	line-height: var(--line13);

	margin-top: 10px;

}



.casetab-news .swiper-arrow-left.slick-disabled,

.casetab-news .swiper-arrow-right.slick-disabled {

	opacity: .5;

}



.case-bot-img img:nth-child(3) {

	top: 0;

	left: 0;

	transition: all .5s ease-in-out;

}



.casetab-brand .case-bot-img img:nth-child(3) {

	top: -3%;

	left: 10%;

}



.casetab-brand .scb_fadeupnew.fadeInup .case-bot-img img:nth-child(3) {

	transition-delay: .5s;

	top: 0;

	left: 0;

}



.casedt-cta-img img {

	transform: translate(10%, -5%);

}



.casedt-main .scb_fadeupnew.fadeInup .casedt-cta-img img {

	transition-delay: .5s;

	transform: translate(0, 0);

}



.contact-us {

	padding-top: 88px;

}



.contact-us-left-list {

	padding-bottom: 0;

}



.contact-us-right {

	height: auto;

}



.cull-item .std-h6 {

	cursor: pointer;

}



.company-outline .std-h1 {

	font-size: 6vw;

}



.company-outline-box {

	height: 300vh;

}



.why-exp {

	padding-bottom: 30vh;

	width: 100%;

}



.why-service.act.on1 .why-exp {

	position: fixed;

	top: var(--topx);

}



.why-service.act.on3 .why-exp {

	position: absolute;

	top: calc(var(--topx) + 30vh);

}



.why-service {

	height: calc(var(--topx) + var(--topx2));

}



.wlit-btn .cfpr-img-btn {

	position: relative;

	bottom: 0;

	left: 0;

	display: inline-block;

	cursor: pointer;

}



.wlit-btn .cfpr-img-btn::before {

	background: #DFD8C8;

}



.wlit-btn .cfpr-img-btn-icon {

	height: 100%;

	background: #F2EFE8;

	border-radius: 50%;

	position: relative;

	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

}



.wlit-btn .cfpr-img-btn-icon::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background: rgba(0, 78, 111, .2);

}



.wlit-btn-cont {

	display: flex;

}



.wlit-btn-cont2 {

	position: absolute;

	top: 50%;

	left: 98px;

	transform: translateY(-50%);

	padding-left: 0;

	transition: all .36s;

	opacity: 0 !important;

}



.wlit-btn-cont1 {

	transition: all .36s;

}



.case-bot-text .std-h6 {

	height: calc(1.5em * 2);

}



.casedt-cta-img img {

	transition: all .5s ease-in-out;

}



.news-bot-li a,

.news-bot-li a::before,

.news-bot-li a::after,

.comp-tabli li {

	transition: all .36s;

}



.hnbc-top-left .std-h3,

.news-top-text p,

.case-bot-text .std-h6 {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



@media screen and (min-width: 1200px) {

	.ybcu-li:last-child.act:hover .ybcu-li-text {

		color: #fff;

	}



	.ybcu-li:last-child.act:hover::before {

		opacity: 1;

	}



	/* .ybcu-li:last-child.act:hover .ybcu-li-text::before{

        opacity: 1;

    }

    .ybcu-li:last-child.act:hover .ybcu-li-text::after{

        opacity: 0;

    } */

	.hnbc-top-right:hover .scbimgbox_cover img {

		transform: scale(1.05);

	}



	.news-bot-li a:hover::before,

	.news-bot-li a:hover::after {

		opacity: 1;

	}



	.comp-tabli li:hover {

		color: var(--color333);

		border-color: var(--color333);

	}



	.casedt-sur-vio:hover .casedt-sur-vio-play .std-h4::before {

		width: 100%;

	}



	.casedt-case .swiper-arrow-left:hover,

	.casedt-case .swiper-arrow-right:hover {

		background: transparent;

	}



	.case-tab-item li a:hover {

		color: var(--color333);

	}



	.case-bot .item a:hover .case-bot-img img:last-child {

		top: 3%;

		left: -10%;

	}



	.wlit-btn .cfpr-img-btn:hover .wlit-btn-cont1 {

		opacity: 0 !important;

	}



	.wlit-btn .cfpr-img-btn:hover .wlit-btn-cont2 {

		opacity: 1 !important;

	}



	.wlit-btn .cfpr-img-btn:hover {

		transform: scale(1);

	}



	/* 2024.05.24 - start */

	.mod-btn .std-btn9-box:hover .std-btn9-icon {

		right: calc(var(--btnw) - 36px - 9px);

	}

}



/* tammy - start */

.company-partner-list {

	max-width: calc(50vw + 650px);

}



.company-founder-alway-list .slick-track {

	display: flex;

}



.company-founder-alway-list .slick-slide {

	height: auto;

}



.cfal-item-link,

.waon-link {

	height: 100%;

}



.head-logo,

.head-logo a {

	line-height: var(--head);

}



.head-search-icon {

	height: var(--head);

}



.head-change a,

.head-tel {

	line-height: var(--head);

}



.head-search-pull {

	top: var(--head);

}



.waon-link-text {

	flex-grow: 1;

	display: flex;

	flex-direction: column;

}



.waon-link-text .std-h6 {

	flex-grow: 1;

}



.wali-link-text {

	flex-grow: 1;

}



.why-share-list-item:nth-of-type(2n) .wsli-text::before {

	bottom: -13px;

}



.sili-ph {

	display: none;

}



.service-card {

	justify-content: center;

}



.slick-dots li {

	background: var(--color999);

	opacity: .4;

	width: 10px;

	height: 10px;

}



.slick-dots li.slick-active {

	background: var(--color23);

	opacity: 1;

}



.sticky-html,

.sticky-body {

	overflow: inherit !important;

}



.company-value-ph {

	display: none;

}



/* tammy - end */

.casedt-sur {
	padding-top: 150px;
}

.casedt-sur h1 {

	text-align: center;

	font-size: 30px;

	line-height: 1.5;

	color: var(--colorfff);

	margin-bottom: 40px;

}



.submit-main .head-cont {

	width: 100%;

	padding: 0 35px;

	align-items: stretch;

}



.head-mid {

	display: flex;

}



.head-mid .std-btn8 {

	margin-top: 21px;

}



.submit-right {

	position: relative;

	width: 52%;

	height: 100%;

}



.submit-right::before {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

	background: var(--colormain2);

	border-radius: 20px;

	animation: pic1 1.2s ease-out .3s normal forwards;

}



@keyframes pic1 {

	0% {

		width: 0;

	}



	100% {

		width: 100%;

	}

}



.submit-right img {

	width: 53%;

	opacity: 0;

	animation: pic2 1s ease-out .65s normal forwards;

}



@keyframes pic2 {

	0% {

		opacity: 0;

		transform: translate(0%, -50%);

	}



	100% {

		opacity: 1;

		transform: translate(-50%, -50%);

	}

}



.submit-cont {

	margin-top: var(--head);

	display: flex;

	padding: 0 27px 25px 100px;

	height: calc(100vh - var(--head));

	justify-content: space-between;

	align-items: center;

}



.submit-left {

	width: 50%;

}



.submit-left-title {

	color: var(--color333);

	font-size: 30px;

	line-height: 1.5;

	margin-bottom: 18px;

}



.submit-left-cont .std-btn9 {

	margin-top: 30px;

}



.submit-left-ewm {

	display: flex;

	margin-top: 70px;

}



.submit-left-ewm-item {

	width: 120px;

	margin-right: 42px;

}



.submit-left-ewm-item img {

	border-radius: 10px;

}



.submit-left-ewm-item .std-text3 {

	text-align: center;

	margin-top: 10px;

	color: var(--color23);

}



.submit-left .std-text1 {

	width: 50%;

}



.error-main .submit-right::before {

	background: var(--colormain1);

}



.error-main .submit-left-cont {

	width: 100%;

}



.error-title {

	font-size: 100px;

	color: var(--color666);

	line-height: 1.5;

}



.home-service {

	padding-top: 0 !important;

}



.home-news {

	padding-bottom: 0 !important;

}



.hrlt-ul-li:first-child {

	height: auto;

}



.hrlt-ul-li-cont {

	height: 100%;

}



.hrlt-ul-li:first-child .hrlt-ul-li-cont {

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.head-nav-item2 .hnid-left {

	padding-right: 20px;

}



.scbphone_navbar4 .scb-phone-nav li.yxnav-active1>.scbph_nav_lisbox .scbph_nav_header-font,

.scbphone_navbar4 .scb-phone-nav li.yxnav-active1>.scbph_nav_lisbox a,

.scbphone_navbar4 .scb-phone-nav li.yxnav-active2>.scbph_nav_lisbox .scbph_nav_header-font,

.scbphone_navbar4 .scb-phone-nav li.yxnav-active3>.scbph_nav_lisbox .scbph_nav_header-font {

	color: var(--color23);

}



.cta-cue {

	color: #FF0000;

	font-size: var(--font14);

	line-height: var(--line15);

	margin-top: 5px;

	display: none;

}



/* 未填显示提示语 */

.has-required.empty .cta-cue {

	display: block;

}



/* 未填输入框，验证码框变红 */

.has-required.empty input {

	border-color: #FF0000;

}



/* 未填同意隐私政策输入框变红 */

.has-required.empty .cta-agree-icon {

	border-color: #FF0000;

}



.cta-area .cta-form-li,

.cta-yz .cta-form-li {

	width: 100%;

}



.cta-agree-cont {

	display: flex;

	align-items: center;

}



.hsbt-text h3 {

	display: inline-block;

}



.home-banner-img {

	position: relative;

}



.home-banner-text {

	z-index: 10;

}



/* 网站建设欣赏页面-start */

.appreciate-main .scbmain {

	margin-top: var(--head);

}



.appreciate-main {

	background: var(--colorbj1);

}



.appreciate-contact {

	padding: 100px 0;

	border-bottom: 1px solid #CDCBC8;

	overflow: hidden;

}



.appreciate-contact-img {

	width: 61%;

	overflow: hidden;

}



.appreciate-contact-img img {

	width: 100%;

	transition: all .36s;

}



.appreciate-contact-text h1 {

	font-family: var(--familyM);

}



.appreciate-contact-text {

	width: 39%;

	padding-left: 95px;

}



.appreciate-contact a {

	display: flex;

	align-items: flex-start;

	flex-wrap: wrap;

}



.appreciate-contact-text-parga p {

	font-size: 18px;

	line-height: 1.75;

	color: #666;

	height: 7em;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden;

}



.appreciate-contact-text-parga {

	margin-top: 20px;

}



.appreciate-contact-text-btn {

	margin-top: var(--space3);

}



.appreciate-img {

	padding-top: 80px;

	padding-bottom: 175px;

	border-bottom: 1px solid #CDCBC8;

}



.appreciate-case {

	padding-top: 128px;

	padding-bottom: 117px;

	overflow: hidden;

}



.appreciate-case-list-li {

	width: 50%;

	padding: 0 16px;

}



.appreciate-case-list {

	margin: 0 -16px;

}



.appreciate-case-list-li a {

	display: block;

	width: 100%;

	height: 100%;

	border-radius: var(--radius);

	background: var(--colorbj2);

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	overflow: hidden;

	padding: 54px 38px 65px 45px;

}



.appreciate-case-list-li:not(:first-child) {

	display: none;

}



.acll-tit {

	-webkit-user-select: text;

	-khtml-user-select: text;

	-moz-user-select: text;

	-ms-user-select: text;

	user-select: text;

	font-family: var(--familyM);

}



.appreciate-case-list .slick-dots {

	bottom: 0;

}



.appreciate-case-list .slick-list {

	padding-bottom: 40px;

}



.appreciate-case-list.empty .slick-list {

	padding-bottom: 0;

}



.appreciate-case-list .slick-track {

	margin: 0;

}



.appreciate-case h2 {

	margin-bottom: 35px;

	font-family: var(--familyM);

}



.appreciate-img h2 {

	margin-bottom: 53px;

	font-family: var(--familyM);

}



.appreciate-img-bt-side {

	width: 26%;

	position: sticky;

	top: 100px;

}



.appreciate-img-bt-list {

	width: 74%;

	padding-left: 140px;

	margin-top: 116px;

}



.appreciate-img-bt {

	display: flex;

	align-items: flex-start;

	flex-wrap: wrap;

}



.aibl-li {

	width: 100%;

	position: relative;

	padding: 20px;

	z-index: 1;

}



.aibl-li::after {

	content: "";

	width: 100%;

	height: 100%;

	background: #DFD8C8;

	position: absolute;

	top: 0;

	left: 0;

	border-radius: 30px;

	z-index: -1;

}



.aibl-li img {

	width: 100%;

	border-radius: 20px;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

}



.aibs-ul-li {

	padding: 10px;

	position: relative;

	margin-bottom: 22px;

	z-index: 1;

	cursor: pointer;

}



.aibs-ul-li:last-child {

	margin-bottom: 0;

}



.aibs-ul-li .scbimgbox_cover {

	border-radius: 10px;

}



.aibs-ul-li::after {

	content: "";

	width: 100%;

	height: 100%;

	background: #DFD8C8;

	position: absolute;

	top: 0;

	left: 0;

	border-radius: 10px;

	z-index: -1;

	transition: all .36s;

	opacity: 0;

}



.aibs-ul-li.act::after {

	opacity: 1;

}



.appreciate-html,

.appreciate-html body {

	overflow: inherit !important;

}



.aibl-li:not(:first-child) {

	display: none;

}



/* 欢迎和我们的顾问取得联系 */
.mod-cta-bj {
	position: relative;
}

.mod-cta-bj .bg {
	width: 100%;
	border-radius: var(--radius);
}

.mod-cta-bj .dong {
	position: absolute;
	right: 6.14%;
	width: 25.36%;
	background: transparent;
}



.casetab-suff-top-cont .std-text1,

.casetab-suff-top-cont .std-text1 p {

	color: var(--colorfff);

	line-height: var(--line165);

	color: var(--colorfff);

	text-align: center;

}



.casetab-suff-top-cont {

	width: 62.286%;

}



.casetab-suff-top-cont .ys-btn {

	display: flex;

	justify-content: center;

}



.casetab-suff-top-cont .std-text1 {

	margin-bottom: 26px;

}





.cfpr-add-top {

	border-radius: 19px;

	background: rgba(255, 255, 255, 0.30);

	position: absolute;

	top: 30px;

	left: 29px;

	display: flex;

	align-items: center;

	padding: 8px 17px 8px 21px;

	transition: all .4s ease;

	pointer-events: none;

}



.cfpr-add-top-icon {

	width: 10px;

	margin-right: 10px;

	font-size: 0;

}



.cfpr-add-top-icon img {

	width: 100%;

}



.cfpr-add-top-font {

	font-size: var(--font16);

	color: var(--color333);

}



.company-video.act .cfpr-add-top {

	opacity: 0;

}



.hulc-pics img {

	transition: all .5s;

}



.solution-opinion-wrap:not(:last-child) {

	margin-bottom: 40px;

}



.solution-custom .swiper-arrow-right.slick-disabled,

.solution-custom .swiper-arrow-left.slick-disabled {

	pointer-events: none;

	opacity: 0.5;

}



.contact-start-box-list .std-btn8-box {

	padding: 10px 24px;

}



@media screen and (min-width: 1200px) {

	.hrlt-ul-li-cont:hover .hulc-pics img {

		transform: scale(1.05);

	}



	.cull-item:hover {

		opacity: 1;

	}

}


/*2024.9.5xiugai start*/

.std-btn8-box::after {

	background: var(--colorblue);

}



.mod-nobj .std-btn9-box {

	background: transparent;

	border: 1px solid var(--colorbt);

}



.std-btn9-box {

	background: var(--colorblue);

}



.news-bot .scbbox1400 {

	flex-wrap: wrap;

}



.news-bot-add {

	width: 100%;

	margin-bottom: 15px;

	margin-top: 20px;

}



.news-bot-add .home-solu-tab-item {

	position: relative;

}



.news-bot-add .home-solu-tab-item::after {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	width: 0%;

	height: 100%;

	transition: all 0.36s;

	background: var(--color333);

	border-radius: 40px;

}



.news-bot-add .home-solu-tab-item.on::after {

	width: 100%;

}



.news-bot-add .home-solu-tab-item.on p {

	color: var(--colorfff);

}



.news-bot-add .home-solu-tab-item p {

	position: relative;

	z-index: 1;

}



.cta-left-service-add {

	margin-top: 40px;

	margin-bottom: 130px;

}



.clsa-top {

	display: flex;

	align-items: center;

	margin-bottom: 12px;

}



.clsa-top-le {

	width: 49px;

}



.clsa-top-le img {

	width: 100%;

}



.clsa-top-ri {

	width: calc(100% - 49px);

	flex-grow: 1;

	padding-left: 20px;

	font-size: var(--font24);

	line-height: 1.5;

	color: var(--color333);

	font-family: var(--familyM);

}



.clsa-btm p {

	color: var(--color666);

	font-family: var(--familyM);

	font-size: var(--font16);

	line-height: 1.75;

}



.cta-main .cta-left-cont-service {

	display: none;

}



@media screen and (min-width: 1200px) {



	.mod-nobj .std-btn9-box:hover,

	.hnbc-top a:hover .mod-nobj .std-btn9-box {

		background: var(--colorblue);

	}



	.std-btn8-box:hover::before {

		border-color: var(--colorblue);

	}



	.news-bot-add .home-solu-tab-item:hover::after {

		width: 100%;

		left: 0;

		right: auto;

	}



	.news-bot-add .home-solu-tab-item:hover p {

		color: var(--colorfff);

	}



	.hsbl-logo:hover {

		z-index: 20;

	}



	.hsbl-logo:hover .hsbl-logo-ul {

		animation-play-state: paused !important;

	}



}



/*2024.9.5xiugai end*/

/*2024.9.6xiugai start*/

.casetab-brand-ul .case-bot-pic {

	width: 45.248869%;

}



.casetab-brand-li-text .cbit-img {

	display: none;

}



.case-bot-add {

	font-size: 54px;

	color: var(--color333);

	line-height: var(--line15);

	font-family: var(--familyM);

	margin-bottom: 26px;

}



.casetab-brand .case-bot-icon {

	display: none;

}



.casetab-suff .home-cust-top-ul {

	justify-content: flex-start;

}



/*2024.9.6xiugai end*/

/*2024.9.5新增网站建设分享列表页 start*/

.website-section {

	padding-top: 100px;

}



.website-section-tit {

	color: var(--color333);

	font-family: var(--familyM);

	font-size: var(--font64);

	line-height: 1.3;

	margin-bottom: 90px;

}



.website-section-ul {

	display: flex;

	flex-wrap: wrap;

	margin-left: -16px;

	margin-right: -16px;

}



.website-section-ul-list {

	width: 50%;

	padding: 0 16px;

	margin-bottom: 34px;

}



.wsul-link {

	display: block;

	padding: 54px 42px 35px;

	border-radius: 40px;

	background: #F2EFE8;

}



.wsul-link-img {

	width: 100%;

	border-radius: 20px;

	margin-bottom: 39px;

}



.wsul-link-btm-tit {

	color: var(--color333);

	font-family: var(--familyM);

	font-size: var(--font28);

	line-height: 1.5;

	height: 1.5em;

	overflow: hidden;

	-webkit-line-clamp: 1;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	margin-bottom: 22px;

}



.wsul-link-btm-icon {

	padding: 11px 30px 11px 17px;

	border-radius: 13px;

	background: #DFEFD7;

	display: flex;

	align-items: center;

}



.wlbi-img {

	width: 30px;

	margin-right: 15px;

}



.wlbi-img img {

	width: 100%;

}



.wlbi-text {

	color: var(--color333);

	font-family: var(--familyM);

	font-size: 18px;

	line-height: 1.5;

}



.wsul-link-btm-cont {

	display: inline-block;

}



.website-section-page {

	margin-top: 90px;

	margin-bottom: 50px;

}



/*2024.9.5新增网站建设分享列表页 end*/



/* 2024.09.05 */

.casedt-main .casedt-sur-vio-img {

	position: relative;

}



.casedt-main .casedt-sur-vio-img video {

	border-radius: var(--radius);

	left: 0;

	top: 0;

	transform: inherit;

	display: block !important;

}



.casedt-main .casedt-sur-vio-play {

	z-index: 4;

}



.casedt-main .casedt-sur-vio-mc {

	z-index: 3;

}



/* 2024.09.19 */

.casedt-sur-title {

	margin-bottom: 36px;

}



.casedt-sur .std-h6 {

	color: #A1A1A6;

	text-align: center;

	line-height: var(--line15);

	margin-bottom: 43px;

}



.ys-cont1100 {

	width: 1100px;

	margin: 0 auto;

	max-width: 100%;

}



.casedt-free .std-h3 {

	color: var(--colorfff);

	text-align: center;

	margin-bottom: 50px;

}



.casedt-free-core {

	border-radius: var(--radius);

	overflow: hidden;

	background: #1D1D1F;

	position: relative;

}



.casedt-free-core {

	display: flex;

	align-items: flex-start;

}



.casedt-free-core-left {

	width: 61.363636%;

}



.casedt-free-core-img {

	width: 100%;

}



.casedt-free-core-text {

	width: 38.636364%;

}



.cfct-top {

	padding: 33px 41px 24px 47px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	border-bottom: 1px solid rgba(255, 255, 255, .1);

}



.cfct-top-name-logo {

	width: 47px;

	border-radius: 50%;

	overflow: hidden;

}



.cfct-top-name-logo img {

	width: 100%;

}



.cfct-top-name {

	display: flex;

	align-items: center;

}



.cfct-top-name .std-text2 {

	color: var(--colorfff);

	padding-left: 12px;

	line-height: 1.75;

}



.cfct-tfb-add {

	width: 16px;

	height: 16px;

	position: relative;

}



.cfct-top-follow {

	position: relative;

}



.cfct-top-follow-btn {

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50px;

	background: #f00;

	padding: 6px 25px 6px 20px;

	cursor: pointer;

}



.cfct-tfb-add::before,

.cfct-tfb-add::after {

	content: '';

	width: 2px;

	height: 100%;

	position: absolute;

	background: var(--colorfff);

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.cfct-tfb-add::after {

	transform: translate(-50%, -50%) rotate(90deg);

}



.cfct-top-follow-code {

	position: absolute;

	width: 150px;

	left: 50%;

	transform: translateX(-50%);

	top: calc(100% + 10px);

	border-radius: 22px;

	display: none;

}



.cfct-top-follow-btn .std-text2 {

	color: var(--colorfff);

	padding-left: 7px;

	line-height: 1.75;

}



.cfct-top-follow-code img {

	width: 100%;

	border-radius: 22px;

}



.cfct-top-follow-code::before {

	content: '';

	height: 10px;

	width: 100%;

	position: absolute;

	top: -10px;

	left: 0;

}



.cfct-scroll-box {

	padding: 30px 51px 50px 49px;

}



.cfct-scroll-box .std-h5 {

	color: var(--colorfff);

	line-height: var(--line15);

	margin-bottom: 27px;

}



.cfct-inof-nub .std-text1 {

	color: var(--colorfff);

	line-height: var(--line15);

	margin-bottom: 6px;

}



.cfct-inof-nub {

	margin-bottom: 35px;

}



.cfct-inof-nub:last-child {

	margin-bottom: 0;

}



.cfct-inof-nub .std-text2,

.cfct-inof-nub .std-text2 p {

	color: rgba(255, 255, 255, .7);

	line-height: var(--line165);

}



.cfci-nub:not(:first-child) {

	display: none;

}



.cfct-inof-nub .std-text1 span {

	position: relative;

	top: -2px;

}



.casedt-free {

	--height1: calc(100vh - 140px);

	--height2: 105px;

}



.casedt-free-core {

	height: var(--height1);

	max-height: 900px;

}


.cfct-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	width: 5px;

}



.cfct-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	background-color: #3f3f3f;

}



.cfct-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

	background: transparent;

}



.cfct-scroll .mCSB_inside>.mCSB_container {

	margin-right: 0;

}



.cfct-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	margin-left: 11px;

}



.cfct-scroll .mCSB_scrollTools {

	bottom: var(--radius);

}



.cfci-nub-bg {

	width: 100%;

	height: var(--height1);

	max-height: 900px;

}



.cfci-nub-bg.scbimgbox_cover img:nth-child(2) {

	object-fit: cover;

	object-position: top center;

}



.casedt-control {

	position: absolute;

	bottom: 6px;

	left: 50%;

	transform: translateX(-50%);

	display: flex;

	justify-content: center;

}



.casedt-control-play {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	background: rgba(0, 0, 0, .3);

	position: relative;

	cursor: pointer;

}



.casedt-control-dots {

	height: 50px;

	border-radius: 50px;

	background: rgba(0, 0, 0, .3);

	--jian: 7px;

	display: flex;

	align-items: center;

	padding: 0 25px;

	margin-left: 16px;

}



.casedt-control-dots-nub {

	width: 7px;

	height: 7px;

	border-radius: 10px;

	margin: 0 var(--jian);

	transition: all .4s ease;

	cursor: pointer;

	position: relative;

	overflow: hidden;

}



.casedt-control-dots-nub.on {

	width: 35px;

}



.casedt-control-dots-nub::before {

	content: '';

	width: 100%;

	height: 100%;

	border-radius: 10px;

	background: rgba(255, 255, 255, .7);

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

}



.casedt-control-dots-nub::after {

	content: '';

	width: 0%;

	height: 100%;

	border-radius: 10px;

	background: var(--colorfff);

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	transition: all .4s ease;

	opacity: 0;

}



.casedt-control-dots-nub.on::after {

	width: 100%;

	opacity: 1;

	transition: width 4s linear, opacity .4s ease;

}



.casedt-control-play img {

	width: 100%;

	height: 100%;

	object-fit: contain;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	position: absolute;

	transition: all .4s ease;

	opacity: 0;

}



.casedt-control-play.on1 img:first-child {

	opacity: 1;

}



.casedt-control-play.on2 img:nth-of-type(2) {

	opacity: 1;

}



.casedt-control-play.on3 img:nth-of-type(3) {

	opacity: 1;

}



.casedt-detail-core {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

}



.casedt-detail .std-h3 {

	margin-bottom: var(--space3);

}



.casedt-detail-core .std-text2 {

	width: 83.5%;

}



.casedt-detail-core-code {

	max-width: 16.5%;

	width: 100px;

}



.casedt-detail-core .std-text2 h6 {

	color: var(--colorfff);

	font-size: var(--font20);

	line-height: var(--line15);

	margin-bottom: 0.85em;

}



.casedt-detail-core .std-text2 p {

	color: rgba(255, 255, 255, .7);

	line-height: var(--line165);

	margin-bottom: 0.75em;

}



.casedt-detail-core .std-text2 p a {

	color: inherit;

	text-decoration: underline;

}



.cdcc-nub-img {

	width: 100%;

	border-radius: 10px;

	overflow: hidden;

	margin-bottom: 6px;

}



.cdcc-nub-img img {

	width: 100%;

}



.cdcc-nub .std-text2 {

	text-align: center;

	width: 100%;

}



.cdcc-nub .std-text2,

.cdcc-nub .std-text2 p {

	color: rgba(255, 255, 255, .7);

	line-height: var(--line15);

	margin-bottom: 0 !important;

}



.cdcc-nub {

	margin-bottom: 48px;

}



.cdcc-nub:last-child {

	margin-bottom: 0;

}



.casedt-detail-core-code {

	padding-top: calc(var(--font20) * 2.35);

}



.casedt-detail,

.casedt-free {

	padding-bottom: 80px;

}



.casedt-detail .ys-cont1100 {

	transform: translateX(50px);

}



.casedt-detail-core .std-text2 img {

	border-radius: calc(var(--radius) / 2);

}



.why-approve1 {

	height: calc(100vh - var(--head) - var(--anchor));

	background: #F2EFE8;

	position: relative;

	display: flex;

	align-items: center;

	padding-top: var(--space3);

}



.why-approve1-bg {

	background: #F9F8F5;

	position: absolute;

	height: 100%;

	right: 0;

	width: calc(50vw + 493px);

	top: 0;

	--radius1: calc(calc(100vh - var(--head) - var(--anchor)) / 2);

	border-radius: var(--radius1) 0 0 var(--radius1);

}



.why-approve1 .scbbox1400 {

	position: relative;

	z-index: 6;

}



.why-approve1-dots {

	--jian: 6px;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	margin: 0 calc(var(--jian) * -1);

}



.why-approve1-dots-item {

	padding: 0 var(--jian);

}



.why-approve1-rotate-nub:not(:first-child) {

	display: none;

}



.why-approve1 .std-h3 {

	text-align: center;

	margin-bottom: 84px;

}



.why-approve1-text {

	width: 59%;

	margin: 0 auto;

	position: relative;

	margin-bottom: 42px;

}



.why-approve1-text,

.why-approve1-text p {

	text-align: center;

	line-height: var(--line15);

	color: var(--color333);

}



.why-approve1-rotate .slick-list {

	overflow: visible;

}



.why-approve1-text::before,

.why-approve1-text::after {

	content: '';

	width: 103px;

	height: 103px;

	background-size: 100% 100%;

	position: absolute;

}



.why-approve1-text::before {

	background-image: url(../images/0d2_icon02.svg);

	left: -106px;

	top: 0;

	transform: translate(-100%, -76.6%);

}



.why-approve1-text::after {

	background-image: url(../images/0d2_icon03.svg);

	left: calc(100% + 132px);

	bottom: -28px;

}



.why-approve1-other-play {

	width: 60px;

	cursor: pointer;

	margin: 0 auto;

	margin-bottom: 22px;

}



.why-approve1-other-play img {

	width: 100%;

}



.why-approve1-other-core {

	display: flex;

}



.wa1oc-left {

	width: 50%;

	text-align: right;

	position: relative;

	padding-right: 20px;

}



.wa1oc-logo {

	width: 50%;

	padding-left: 20px;

}



.wa1oc-left-name,

.wa1oc-left-pos {

	font-size: var(--font20);

	line-height: var(--line13);

	color: var(--color333);

}



.wa1oc-left-pos {

	color: rgba(51, 51, 51, .7);

	margin-top: 5px;

}



.wa1oc-logo img {

	height: 52px;

}



.wa1oc-left::before {

	content: '';

	height: 83%;

	width: 1px;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	background: #CDCDCD;

}



.wa1di-box {

	width: 80px;

	padding: 8px;

	border-radius: 50%;

	position: relative;

	cursor: pointer;

}



.why-approve1-dots {

	margin-top: calc(var(--space2) - 16px);

}



.wa1di-box .scbimgbox_cover {

	width: 100%;

	border-radius: 50%;

}



.wa1di-box .scbimgbox_cover img {

	object-fit: cover;

}



.wa1di-box::before {

	content: '';

	width: 100%;

	height: 100%;

	border-radius: 50%;

	border: 1px solid #D9D9D9;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	opacity: 0;

	transition: all .4s ease;

}



.wa1di-box svg {

	position: absolute;

	pointer-events: all;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	overflow: visible !important;

	width: 100%;

	height: 100%;

}



.wa1di-box .circle {

	stroke-dasharray: 0, 251;

	opacity: 0;

	cx: 39;

	cy: 41;

}



.why-approve1-dots-item.on .circle {

	opacity: 1;

	animation: why_circle 4s linear forwards;

}



.why-approve1-dots-item.on .wa1di-box::before {

	opacity: 1;

}



@keyframes why_circle {

	0% {

		stroke-dasharray: 0, 251;

	}



	100% {

		stroke-dasharray: 251, 251;

	}

}



@-webkit-keyframes why_circle {

	0% {

		stroke-dasharray: 0, 251;

	}



	100% {

		stroke-dasharray: 251, 251;

	}

}



.why-video-pop .scb-videom-close::before {

	content: '';

	background-image: url(../images/aclose.svg);

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	background-size: 100% 100%;

	width: 100%;

	height: 100%;

}



.why-video-pop .scb-videom-close {

	width: 73px;

	height: 73px;

	background: transparent;

	border-radius: 50%;

	top: -77px;

	right: -97px;

	opacity: .9;

}



.why-video-pop .scb-videom-close .icon-close {

	font-size: 0;

}



.why-video-pop .scb-videom-content {

	width: 472px;

	max-height: calc(100vh - 150px);

}



.scb-videom-video {

	max-height: calc(100vh - 150px);

}



.yftl-ph {

	display: none;

}



.yftl-ph img {

	width: 100%;

}



.hsbl-logo {

	width: auto;

	display: flex;

}



.solution-news .siiw-list-btn {

	margin-top: 10px !important;

}



.home-solu-bot .home-solu-bot-logo::after,

.home-solu-bot .home-solu-bot-logo::before {

	z-index: 30;

}



.hsbl-logo-ul {

	display: flex;

	flex: none;

}



.wclh-list-item {

	flex: none;

}



.hsbl-logo {

	position: relative;

}



.home-rely-more {

	margin-top: var(--space1);

}



.home-rely-btm {

	padding-top: 60px;

}



.solution-info-item-ph {

	display: none;

}



.news-bot-add .home-solu-tab-item::after {

	display: none;

}



.case-bot .case-bot-icon {

	display: none;

}





.hrlt-ul-end {

	width: 50%;



}



.hrlt-ul-end .hrlt-ul-li-cont {

	background: #F2EFE8;

}



.hrlt-ul-end-top {

	width: 100%;

	position: relative;

	z-index: 1;

}



.hrlt-ul-end-video {

	position: absolute;

	bottom: -15%;

	right: -9%;

	width: 75%;

}



.hrlt-ul-end-video video {

	width: 100%;

	background: transparent;

}



.hrlt-ul-end-cont {

	padding: 40px 34px;

	position: relative;

	width: 100%;

}



.hrlt-ul-end-top .std-h4 {

	color: #333;

}



.hrlt-ul-end-top {

	width: 63%;

	border-radius: 30px;

	background: #E7E1D3;

	padding: 47px 40px 53px;

	position: relative;

}



.hrlt-ul-end-top img {

	width: 28%;

	position: absolute;

	bottom: -25px;

	right: 18%;

	z-index: -1;

}



.hrlt-ul-end-btm p {

	font-size: 170px;

	font-weight: 400;

	line-height: 1;

	background: linear-gradient(90deg, rgba(231, 225, 211, 0.28) 2.57%, #E7E1D3 97.87%);

	background-clip: text;

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}



.hrlt-ul-end-btm {

	position: absolute;

	bottom: -6px;

	right: -10px;

}



.hrlt-ul-end {

	position: relative;

}



.hrlt-ul-end-img {

	display: none;

}



.hrlt-ul-end-img {

	position: absolute;

	bottom: -6%;

	right: -3%;

	width: 53%;

}



.hrlt-ul-end-img img {

	width: 100%;

}



.slsl-text-logo {

	width: 175px;

}



.ys-bbl-item-nub {

	transform: translate3d(0, 0, 0) translateZ(0);

}





.hnid-left-more {

	display: inline-block;

	padding-left: 28px;

	margin-top: 35px;

}



.head-nav-item.on .hnid-left-more {

	animation: nav .5s both normal cubic-bezier(.645, .045, .355, 1) calc(30ms* 8);

}



.hnid-left-more .std-text2 {

	padding-right: 13px;

}



/* 2024.09.27 - start */

.home-banner1 .yx_text2_effect {

	font-size: var(--font68);

	line-height: var(--line13);

	color: #fff;

	letter-spacing: 0.29em;

	text-align: center;

	transition: all .4s ease;

	margin-bottom: 20px;

}

.home-banner1 .text2 {

	font-size: var(--font48);

	line-height: var(--line13);

	color: #fff;

	letter-spacing: 0.29em;

	text-align: center;

	transition: all .4s ease;

}



.home-banner1 .home-banner-title {

	width: 100%;

	text-align: center;

}



.home-banner1.act .yx_text2_effect,

.home-banner1.act .mod-btn {

	opacity: 0;

}



.home-banner1.act .home-banner-img img {

	opacity: 0;

}



.home-banner1.act .home-banner-img video {

	opacity: 1;

}



.home-banner1 .home-banner-img video {

	opacity: 0;

}



.home-page {

	height: auto;

}



.home-banner.home-banner1 {

	height: auto;

}



.home-banner1 .home-banner-img img {

	width: 100%;

	top: 0;

	left: 0;

	transform: translate(0);

}



.home-banner1 .home-banner-img img,

.home-banner1 .home-banner-img video {

	transition: all .4s ease;

}



.solution-energy .home-cust-top-li {

	margin-top: 0px;

}



.solution-main .home-cust-top-ul {

	padding-top: 50px;

	padding-bottom: 50px;

}



.home-cust-top-ul {

	justify-content: flex-start;

}



.service-inof-list-item,

.service-process,

.scbfooter,

.service-title {

	overflow: hidden;

}



.home-part.home-data {

	border-bottom: 40px;

}



.home-part.home-add {

	border-bottom: 0px solid #CDCBC8;

	padding-top: var(--space3);

	padding-bottom: 0;

}



.home-part.home-add+.home-part {

	padding-top: 0;

}



.hulc-add {

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.sticky-html,

.sticky-body {

	overflow: visible !important;

}



.case-main .case-bot-text .std-h6 {

	margin-top: var(--space3);

	height: inherit;

	-webkit-line-clamp: inherit;

	margin-bottom: calc(var(--space3) / 1.5);

}



.slsl-img.on .company-video-hover {

	opacity: 1;

	pointer-events: all;

}



.casedt-sur .std-h6 span:last-child {

	display: none;

}



.hsbl-logo-ul1 {

	transform: translateX(0%);

}



.hsbl-logo-ul {

	position: relative;

}



.hsbl-logo {

	font-size: 0;

}



.casedt-sur .std-h6 a {

	color: inherit;

}



/* .cfpr-add-top{

    display: none;

} */

.cfpr-add-top .cfpr-add-top-font {

	display: none;

}



.cfpr-add-top-icon {

	margin-right: 0 !important;

}



.scb-ban-video {

	background: transparent !important;

}



.head-cont {

	position: relative;

	z-index: 10;

}



/* .home-main .scbhdpc::before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .4);

    backdrop-filter: blur(35px);

} */





.ys-num-wrap span:nth-child(1) {

	margin-right: 0 !important;

}



.news-bot-left,

.newsdt-top-cont {

	width: 68.2%;

}



.hsbt-text .mod-nobj .std-btn9-box {

	margin-top: 10px;

}



.hsbt-text .mod-nobj .std-btn9-box:first-child {

	margin-top: 0 !important;

}



.why-main .why-inof {

	padding-top: 0 !important;

}



.hnbc-bot .slick-list {

	width: 100%;

}



.hnbc-bot .slick-track {

	height: 100%;

}



.yftn-left {

	width: 100%;

}



.yftn-left>ul>li {

	width: 33.333333%;

}



.yftn-left>ul>li:first-child {

	width: 66.666666%;

}



.yftn-left>ul>li:first-child ul {

	display: flex;

	flex-wrap: wrap;

}

.casetab-brand-paging {

	padding-bottom: var(--space2);

}



.cblt-num-text-data .scb-demo-num {

	font-size: var(--font48);

}



.cblt-num-text .std-h4 {

	font-size: var(--font24);

}



.company-active,

.company-who,

/* .company-all, */

.company-partner {

	width: 100%;

	overflow: hidden;

}



.ys-bbl-item,

.company-outline .std-h1 {

	transition: all 0.1s;

}



.head-nav-item4 .head-nav-item3-left:nth-child(2) {

	padding-left: 40px;

}



.home-news-bot .hnbc-top-right img {

	object-fit: cover;

}



/* 2024.10.14修改-start */

.home-service-cont {

	transition: all .36s;

}

.cta-form input,
.cta-form textarea,

.cta-form input::placeholder,
.cta-form textarea::placeholder {

	color: #666 !important;

	font-family: inherit !important;

}

.hnbc-top-left a {

	display: block;

}

.casedt-cta-img {

	z-index: -1;

}

.casedt-main .home-part .scbbox1400 {

	z-index: 1;

}

.casedt-free-core,

.cfci-nub-bg {

	height: auto;

	max-height: inherit;

}

.cfct-scroll {

	height: auto;

	max-height: calc(900px - 140px);

}

.cfct-scroll2 {

	height: auto;

	max-height: 460px;

}

/*鼠标效果*/

@media screen and (min-width: 1200px) {

	.home-service-cont:hover {

		background: #ebedef;

	}

	.hnbc-top a:hover .mod-nobj .std-btn9-icon {

		right: 106px;

	}

}

/* 2024.10.14修改-end */





/* 2024.11.6Linda修改-start */

.casetab-suff .home-cust-top-cont {

	border-bottom: none;

}

.casetab-suff {

	border-bottom: 1px solid #CDCBC8;

}



.hsbl-logo1 .hsbl-logo-ul1 {

	animation: goon_dong1 linear infinite;

}

.hsbl-logo1 .hsbl-logo-ul2 {

	transform: translateX(100%);

	position: absolute;

	top: 0;

	left: 0;

	animation: goon_dong2 linear infinite;

}

.hsbl-logo1 .hsbl-logo-ul3 {

	transform: translateX(100%);

	position: absolute;

	top: 0;

	left: 0;

	animation: goon_dong3 linear infinite;

}

.hsbl-logo2 .hsbl-logo-ul1 {

	animation: goon_dong4 linear infinite;

}

.hsbl-logo2 .hsbl-logo-ul2 {

	transform: translateX(100%);

	position: absolute;

	top: 0;

	left: 0;

	animation: goon_dong5 linear infinite;

}

.hsbl-logo2 .hsbl-logo-ul3 {

	transform: translateX(-100%);

	position: absolute;

	top: 0;

	left: 0;

	animation: goon_dong6 linear infinite;

}

@keyframes goon_dong1 {

	from {

		transform: translateX(0);

	}

	to {

		transform: translateX(100%);

	}

}

@keyframes goon_dong2 {

	from {

		transform: translateX(100%);

	}

	to {

		transform: translateX(200%);

	}

}

@keyframes goon_dong3 {

	from {

		transform: translateX(-100%);

	}

	to {

		transform: translateX(0%);

	}

}

@keyframes goon_dong4 {

	from {

		transform: translateX(0);

	}

	to {

		transform: translateX(-100%);

	}

}

@keyframes goon_dong5 {

	from {

		transform: translateX(100%);

	}

	to {

		transform: translateX(0);

	}

}

@keyframes goon_dong6 {

	from {

		transform: translateX(200%);

	}

	to {

		transform: translateX(100%);

	}

}

.casetab-news .case-bot-text .std-text2 {

	height: 1.65em;

	background: transparent;

	overflow: hidden;

	padding: 0 !important;

}

.casetab-news .case-bot-text .std-text2 p {

	background: #EDE8DD;

	padding: 0 15px;

}

.company-founder {

	overflow: hidden;

}

.sslu-item.empty .sslu-item-text {

	width: 100%;

	padding-left: 0;

}

.news-main .hnbc-top-left-tag .home-news-tag::before {

	display: none;

}

.swiper-arrow-icon {

	position: relative !important;

	width: 55px !important;

	height: 55px !important;

	margin-top: 0 !important;

	right: auto !important;

	left: auto !important;

	top: 0 !important;

}

.siiw-list {

	padding-bottom: 77px;

}

.swiper-button-icons {

	top: auto !important;

	bottom: -77px;

}

.siiw-list .swiper-button-prev {

	left: auto;

	right: 71px;

}

.siiw-list .swiper-button-next {

	right: 0;

}

.siiw-list .swiper-button-prev::after,
.siiw-list .slick-prev::after,

.siiw-list .swiper-button-next::after,
.siiw-list .slick-next::after {

	width: 24px;

	height: 24px;

}

.hsbt-text-btn {

	width: 195px;

	margin-top: 25px;

}

.hsbt-text-btn-li a {

	padding: 0 15px 5px 0;

	display: flex;

	align-items: center;

	border-bottom: 1px solid #999;

	justify-content: space-between;

}

.hsbt-text-btn-li img {

	width: 18px;

	transition: all .36s;

}

.hsbt-text-btn-li p {

	font-size: var(--font20);

	line-height: var(--line165);

	color: #333;

}

.hsbt-text-btn-li {

	margin-bottom: 12px;

}

.hsbt-text-btn-li:last-child {

	margin-bottom: 0;

}



/* 2024.11.6Linda修改-end */

/* 2024.11.14修改-start */

.ys-btn-cont-bt li p {

	font-size: var(--font64);

	line-height: 1.1;

	color: var(--colorfff);

	display: block;

	transform: scale(0.6);

}

.ys-btn-cont-bt li {

	position: relative;

	padding: 9px 0;

	transition: all .36s;

}

.ys-btn-cont-bt li a {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.ys-btn-cont-bt {

	position: absolute;

	width: 100%;

	left: 0;

	display: none;

}

.ybcu-li:last-child::after {

	top: 0;

	transform: translate(-50%, 0%);

	border: 2px solid var(--colorfff);

	background: rgba(147, 139, 139, 0.10);

	backdrop-filter: blur(12px);

	-webkit-backdrop-filter: blur(12px);

}

/* .ys-btn-cont.act .ybcu-li:last-child::after{

    height: calc(100% + var(--height));

    border-radius: 35px;

} */

.ys-btn-cont.act .ybcu-li::after {

	height: calc(100% + var(--height));

	border-radius: 35px;

}

.ybcu-li {

	transform: scale(1) !important;

}

.ys-btn-cont {

	transform: scale(0.6);

	position: relative;

	cursor: pointer;

}

.ys-btn-cont-bt li:last-child {

	border-radius: 0 0 35px 35px;

}

.ys-btn-cont.act .ybcu-li-text::after {

	transform: translateY(-50%) rotate(180deg);

}

.nbri-ul1 li a {

	display: block;

}

.hsin-box-ts1 {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	display: none;

}

/* 2024.11.14修改-end */

.appreciate-img .wsul-link-btm-cont {

	margin-top: var(--space2);

	display: block;

	text-align: center;

}

.appreciate-img .wlbi-cont {

	display: inline-block;

}

.news-bot-page {

	display: flex;

	justify-content: space-between;

	margin: 0 -15px;

}

.nbpl-cont {

	display: flex;

	align-items: flex-start;

}

.nbpl-left {

	display: flex;

	align-items: center;

}

.news-bot-page-li {

	max-width: 50%;

	padding: 0 15px;

}

.news-bot-page-li:last-child .nbpl-cont,
.news-bot-page-li:last-child .nbpl-left {

	flex-direction: row-reverse;

}

.nbpl-left .std-text2 {

	padding: 0 10px;

	color: var(--color333)
}

.nbpl-left {

	width: 82px;

}

.nbpl-right {

	width: calc(100% - 82px);

}

/* .news-bot-page-li:last-child a .nbpl-right .std-text2{

    text-align: right;

} */

.pc-fenye li {

	flex-shrink: 0;

}

/* 2025.01.09 - start */

.scbtsbot {

	margin-bottom: 56px;

}

.scbtslink-name {

	color: var(--colorfff);

	line-height: var(--line15);

	margin-bottom: 8px;

}

.scbtslink-top {

	padding: 15px 14px;

	display: flex;

	align-items: center;

	border-bottom: 1px solid rgba(255, 255, 255, .3);

	cursor: pointer;

}

.scbtslink-top .std-text2 {

	color: rgba(255, 255, 255, .5);

	line-height: var(--line15);

	width: 50%;

	flex-grow: 1;

}

.scbtslink-icon {

	width: 12px;

	height: 7px;

	transition: all .4s ease;

	font-size: 0;

}

.scbtslink-icon img {

	width: 100%;

	transition: all .4s ease;

	transform: rotate(180deg);

}

.scbtslink-zhan {

	width: 316px;

	max-width: 100%;

	position: relative;

	z-index: 10;

}

.scbtslink-xia {

	border-radius: 0px 0px 8px 8px;

	background: #151515;

	padding: 3px 7px 10px 18px;

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

}

.yfts-lxn-core {

	display: block;

	padding: 15px 0;

	line-height: var(--line15);

	color: rgba(255, 255, 255, .6);

	transition: all .4s ease;

	font-size: var(--font16);

	border-bottom: 1px solid rgba(255, 255, 255, .06);

}

.scbtslink-xia-nub:last-child .yfts-lxn-core {

	border-bottom: 0px;

}

.scbtslink-xia {

	display: none;

}

.scbtslink-zhan.on .scbtslink-icon img {

	transform: rotate(0deg);

}

.scbtslink-xia {

	height: 233px;

}

.scbtslink .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	background-color: #fff;

	background-color: rgba(255, 255, 255, .75);

}

.scbtslink .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

	background-color: #fff;

	background-color: rgba(255, 255, 255, .15);

}

.scbtslink .mCSB_scrollTools {

	top: 10%;

	bottom: 10%;

}

.scbtslink .mCSB_scrollTools {

	width: 10px;

}

.scbtslink .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	width: 2px;

}

.scbtslink .mCSB_inside>.mCSB_container {

	margin-right: 12px;

}

/* btn */

.mod-nobj .std-btn9-icon {

	background: var(--colorblue);

}
/* 首页头部解决方案 栏目背景色 */
.home-solu-top-bj {
	background: #3E28E6;/*var(--colorbg)*/;
}

/* 2025.01.09 - end */

/* 2025.01.21 - start */

.case-tab-item-name,

.case-tab-item li a {

	line-height: var(--line165);

}

.case-tab-item3 .case-tab-item-name span {

	color: var(--colorfff);

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 0 14.5px;

	position: relative;

	z-index: 2;

	font-size: var(--font16);

	line-height: var(--line13);

}

.case-tab-item3 .case-tab-item-name span::before {

	content: '';

	width: 100%;

	height: 2em;

	border-radius: 16px;

	background: var(--color333);

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	z-index: -1;

}

.case-tab-item3 .case-tab-item-name {

	display: flex;

	justify-content: flex-start;

	line-height: 1;

	font-size: 0;

	align-items: flex-start;

}

.case-tab-item3.case-tab-item li a {

	color: var(--color333);

}

.case-tab-item li a {

	color: var(--color666);

	font-size: var(--font16);

	line-height: var(--line13);

}

.ctin-btn {

	display: flex;

	align-items: center;

	cursor: pointer;

	position: relative;

	font-size: var(--font16);

}

.ctin-btn-close {

	width: 13px;

	margin-left: 4px;

	font-size: 0;

	opacity: 0;

	transition: all .6s;

}

.ctin-btn-close img {

	width: 100%;

}

.case-tab-item:not(.case-tab-item3) li {

	margin-right: 26px;

}

.ctin-btn .std-text2,

.ctin-btn .ctin-btn-close {

	position: relative;

	z-index: 6;

}

.ctin-btn::before {

	content: '';

	width: calc(100% + 20px);

	height: 2em;

	border-radius: 5px;

	background: #F2EFE8;

	left: -10px;

	position: absolute;

	transition: all .6s;

	opacity: 0;

}

.ctin-btn .std-text2 {

	transition: all .6s;

}

.ctin-btn.on::before {

	opacity: 1;

}

.ctin-btn.on .ctin-btn-close {

	opacity: 1;

}

.ctin-btn.on .std-text2 {

	color: var(--color333);

}

.case-tab-item {

	margin-bottom: 16px;

}

.case-tab-item.case-tab-item3 {

	margin-top: 19px;

}

/* 2025.01.21 - end */

.scb-ban-ts1 {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	filter: brightness(1.06);

	opacity: 0;

}

/* .scb-ban-ts1.on{

    opacity: 1;

} */

.ctin-btn>a {

	pointer-events: none;

}

.ctin-btn.on>a {

	pointer-events: all;

}

.ctin-btn {

	cursor: auto;

}

.ctin-btn a {

	cursor: pointer;

}

.ctin-btn .std-text2 {

	font-size: 0;

	display: flex;

	height: calc(var(--font16)* var(--line165));

	align-items: center;

}

.home-banner1 .yx_text2_effect {

	letter-spacing: 0.21em;

}

.home-banner1.act .scb-ban-ts1.on {

	opacity: 1;

}

/*2025.3.1 Linda修改-start*/
.sslu-item .scb-pos-center {
	transition: all .36s;
}

.casedt-case .swiper-slide a {
	display: block;
}

.wsli-text::before {
	top: -12px;
}

.yxedr-active p a {
	color: var(--color666);
	line-height: 1.75;
	display: inline-block;
	position: relative;
	font-size: var(--font16);
}

.yxedr-active p a::before {
	content: "";
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: 2px;
	left: 0;
}

.hnbc-top-left .std-h3 {
	-webkit-line-clamp: 3;
	height: 4.5em;
	line-height: var(--line15);
	margin-bottom: 20px;
}

.company-video-hover,
.company-video-click {
	background: transparent !important;
}

.head-search-pull {
	box-shadow: 0 10px 18px 3px rgb(0 0 0 / 4%);
}

.casedt-detail-core section {
	text-align: left !important;
}

.z_1200_1 ul li a {
	padding: 22px 5px !important;
	line-height: 1.5 !important;
}

.z_1200_1 ul li span {
	line-height: 1.5 !important;
	padding: 22px 0 !important;
}

.scbfooter-bot-cont p {
	color: var(--colorfff);
}

#c-s-in .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #d8e0e6 !important;
}

#c-s-in .mCSB_outside+.mCSB_scrollTools {
	right: 5px;
	top: 10px;
	bottom: 10px;
}

#c-s-in .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #f1f3f5;
}

@media screen and (min-width: 1200px) {
	.sslu-item a:hover .sslu-item-logo img {
		transform: translate(-50%, -50%) scale(1.05);
	}
}

/*2025.3.1 Linda修改-end*/

/*2025.3.7 helen修改 star*/

.siiw-titbox .font-fade {
	display: flex;
	flex-wrap: wrap;
}

.siiw-titbox .font-fade span {
	display: block;
}

.solution-info-item-wrap .scb_fadeupnew {
	transition: transform 0.56s ease, opacity .1s ease;
}

.altumcode-middle_center::before {
	pointer-events: all !important;
}

.home-solu-top-cont .mCSB_scrollTools {
	opacity: 0 !important;
}

/*2025.3.7 helen修改 end*/
/*2025.3.26Linda修改-start*/
.hnbc-top-right {
	width: 50%;
	padding-left: 15px;
}

.hnbc-top-right a {
	width: 100%;
	display: block;
	position: relative;
	border-radius: var(--radius);
	border-top-left-radius: ;
	border-top-right-radius: ;
	border-bottom-right-radius: ;
	border-bottom-left-radius: ;
	overflow: hidden;
}

.hnbc-top-left {
	width: 50%;
	padding-top: 100px;
}



.dong {
	animation: upDown 1s infinite alternate;
}

/* 定义动画 */
@keyframes upDown {
	0% {
		bottom: 100px;
		/* 初始位置 */
	}

	100% {
		bottom: 50px;
		/* 跳跃到的位置 */
	}
}

.arrow-right {
	position: relative;
	display: inline-block;
	/*margin-left: 20px;*/
}

/* .arrow-right:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #fd9b54;
	/* 箭头的颜色 */
left: -15px;
/* 根据需要调整位置 */
top: 50%;
/* 垂直居中 */
transform: translateY(-50%);
/* 确保箭头垂直居中 */
}

*/
/* .arrow-right2 {
	position: relative;
	display: inline-block;
	margin-left: 20px;
}

.arrow-right2:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #82b19c;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
}

.arrow-right3 {
	position: relative;
	display: inline-block;
	margin-left: 20px;
}

.arrow-right3:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #b1e7f5;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
} */


.san1,
.san2,
.san3,
.san4,
.san5,
.san6,
.san7,
.san8 {
	display: flex;
	align-items: center;
	position: relative;
	margin-left: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 28px;
	color: #333;
}


/* .san1:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #ff9b55;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 20px;
}

.san2:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #ffbd50;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 20px;
}

.san3:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #c8dfad;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 20px;
}

.san4:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #c8b6dc;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 20px;
}

.san5:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #c6ddc7;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 20px;
}

.san6:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #f5ce61;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 20px;
}

.san7:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #a9e5f1;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 20px;
}

.san8:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #53d2b1;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 20px;
} */

.detalis li {
	list-style-type: disc;
	font-weight: 100;
	font-size: 16px;
	margin-left: 38px;
	line-height: 1.5;
}

.olDetails p {
	font-weight: 100;
	font-size: 16px;
	margin-left: 38px;
	line-height: 1.5;
}


#car{
	border: 1px solid #000;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 0 6px;
}

.evaluate {
	position: relative;
	min-height: 200px;
	box-sizing: border-box;
	padding: 70px 20px;
	border-radius: 10px;
	margin-bottom: 40px;
}

.evaluateSan{
	width: 0;
	  height: 0;
	  border-left: 50px solid transparent; 
	  border-right: 50px solid transparent; 
	  border-bottom: 50px solid #fff;
	  position: absolute;
	  right: -33px;
	  bottom: -8px;
	  transform: rotate(135deg);
}



.evaluate img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	bottom: -50px;
}

.about {
	text-indent: 2em;
	line-height: 1.6 !important;
	margin-bottom: 20px;
}

.home-customer {
	background-color: #fff;
}

.home-solution {
	background-color: #f6f8fa;
}

.land {
	background: #F5F4E9;
	border-radius: 40px;
	padding: 56px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 92px;
}

.land img {
	width: 369px;
	height: 404px;
	margin-right: 80px;
}

.landMsg {
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 18px;
	color: #303130;
	line-height: 1.7;
}

.hsbt-num-cont1 {
	font-family: var(--familyB);
	color: var(--color23);
	margin-bottom: 30px;
	margin-top: 200px;
}

.hsbt-num-cont2{
	font-family: var(--familyB);
	color: var(--color23);
}

.title{
	text-align: center;
	margin-bottom:80px;
	font-size: var(--font48);
	color: #fff;
	padding-top: 80px;
}

.wenhua{
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 140px;
}

.wenhua li{
	width:25%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bacF{
	background-color: #fff;
	text-align: center;
	font-size: 16px;
	transition: background-color 1s ease; /* 背景色变化过渡效果 */
}

.bacF:hover{
	background-color: #7f7f7f;
	color:#fff;
}

.imgH{
/* 	transition: transform 0.3s ease;
	transition: box-shadow 0.3s ease; */
	
	transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.imgH:hover{
	transform: translateY(-5px); /* 向上移动 */
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); /* 添加阴影 */
}

.firstP{
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
	padding-bottom: 30px;
	font-size: 18px;
}

.spcl-item:first-child {
	margin-top: 100px;
}

.jian{
	width: 20px;
	height: 20px;
}

.jian2{
	width: 14px;
	height: 14px;
}

.block{
	display: none;
}


.breadcrumb-item{
	color:#333;
}
.active .breadcrumb-item{
	color:#000;
}


.mewsWrap{
	display: flex;
	justify-content: space-between;
}

.newsLeft{
	width: 70%;
}

.newsRight{
	width: 30%;
}

.newsLeft li{
	display: flex;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}

.lineHeight2{
	line-height: 2;
}

.newsLeft li img{
	width:40%;
	height:100%;
	margin-right: 30px;
}

.bac{
	background-color: #efe8de;
	padding: 4px 8px;
	border-radius: 4px;
	margin-bottom: 4px;
}