@font-face {
	font-family: DINAlternateBold;
	src: url("../font/DIN Alternate Bold.ttf");
}

@font-face {
	font-family: pingfb;
	src: url("../font/pingfangbold.ttf");
}

* {
	font-family: "PingFang SC", Helvetica, "Microsoft Yahei", Aria;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* font-weight: normal; */
}

strong {
	font-weight: bold;
}

img {
	display: block;
}

.b-linkj .morej {
	line-height: 1;
}

.centerj {
	width: 1180px;
}

/*::-webkit-scrollbar{width: 15px;}*/
/* headerwrap */
.headerwrapj {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

/* header */
.headerj {
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	height: 64px;
}

.headerj .h-lj {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

.navj {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	margin-left: 60px;
	list-style: none;
	padding: 0;
}

.navj li {
	margin-right: 50px;
	position: relative;
	list-style: none;
}

.navj li:last-child {
	margin-right: 0;
}

.navj li>a {
	display: block;
	font-size: 16px;
	color: #4F5861;
	line-height: 64px;
}

.navj li>a:hover {
	color: #333;
}

.navj li>a>i {
	color: #BBBFBC;
	margin-left: 5px;
}

.navj li>a>.hoticon {
	position: absolute;
	top: 3px;
	left: 100%;
}

/* b-linkj */
.b-linkj {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
}

/* morej */
.morej {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	position: relative;
	z-index: 0;
	width: 100px;
	height: 40px;
	border: 1px solid #CADBE6;
	border-radius: 22px;
	font-size: 16px;
	color: #234154;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.b-linkj .morej {
	margin-right: 10px;
}

.b-linkj .morej:last-child {
	margin-right: 0;
	background-color: #234154;
	color: #fff;
	border-color: #234154;
}

/*.b-linkj .morej:hover{background-color: #CADBE6;color: #234154;}*/
/*box-shadow: 3px 3px 5px 2px rgba(202,219,230,0.4);*/
.b-linkj .morej:last-child:hover {
	background-color: #2F5770;
	color: #fff;
}

/*box-shadow: 3px 3px 5px 2px rgba(35,65,84,0.4);*/

.navhide {
	padding: 0 10px;
	width: 244px;
	position: absolute;
	left: -38px;
	top: 90%;
	background: #fff;
	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0 5px 12px rgba(49, 60, 76, .07);
	        box-shadow: 0 5px 12px rgba(49, 60, 76, .07);
}

.navj li:hover .navhide {
	opacity: 1;
	visibility: inherit;
	top: 100%;
}

.nha {
	padding: 10px 0;
	border-bottom: 1px solid #F4F8FA;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.nha .nhamin {
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 10px;
	padding-left: 30px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.nha img {
	width: 18px;
	height: 18px;
	-o-object-fit: contain;
	   object-fit: contain;
}

.nha .txt {
	margin-left: 10px;
}

.nha:last-child {
	border-bottom: 0;
}

.nha h3 {
	font-size: 16px;
	color: #234154;
	line-height: 22px;
}

.nha p {
	color: #949CA3;
	margin-top: 5px;
	font-size: 14px;
	line-height: 20px;
}

.nha i {
	margin-top: 0;
	position: absolute;
	left: 10px;
}

.hdra {
	margin-left: 20px;
}

.hdra a {
	padding: 0 18px;
	line-height: 34px;
	font-size: 16px;
	display: inline-block;
	color: #234154;
}

.hdra a:hover {
	color: #234154;
}

.hdra a.active {
	background: #234154;
	color: #fff;
	border-radius: 34px;
}

.hdra a.active1 {
	width: 80px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #234154;
	border-radius: 22px;
	font-size: 16px;
	color: #234154;
	text-align: center;
	font-weight: 400;
	margin-right: 6px;
}

.div2_1j .headerwrapj,
.headerwrapj:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 2px 30px 0 #2341540f;
	        box-shadow: 0 2px 30px 0 #2341540f;
}

/*box-shadow: 0px 0px 5px 3px rgba(35,65,84,0.2);*/
.nha:hover .nhamin {
	background-color: #F5F6F7;
	border-radius: 6px;
}


.navhide02 {
	width: 200px;
	padding: 10px;
}

.navhide02 .nha {
	padding: 0;
	border: 0;
}

.navhide02 .nha .nhamin {
	padding: 13px 10px;
	padding-left: 30px;
}

.navhide02 .nha i {
	top: 50%;
	margin-top: -9px;
}

.navhide02 .nha h3 {
	font-family: PingFangSC-Regular;
}

/* bannerwrapj */
.bannerwrapj {
	width: 100%;
	position: relative;
}

.b-itemj {
	width: 100%;
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.b-item01j {
	padding-top: 420px;
}

/*.b-item01j::after{content: '';display: block;width: 100%;height: 100%;opacity: 0.3;background-image: linear-gradient(162deg, #2B1DFB 0%, #2d2eff00 55%);filter: blur(0);position: absolute;left: 0;top: 0;z-index: 0;}*/
/* .b-item01j::before{content: '';display: block;width: 100%;height: 100%;opacity: 0.3;background-image: linear-gradient(229deg, #FFC000 0%, #ffc00000 34%);filter: blur(0);position: absolute;left: 0;top: 0;z-index: 0;} */
.b-itemj .text {
	position: absolute;
	left: 50%;
	top: 144px;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 2;
	text-align: center;
}

.b-itemj .text h3 {
	font-size: 56px;
	color: #15191D;
	line-height: 68px;
	font-weight: 600;
	margin-bottom: 20px;
}

.b-itemj .text span {
	font-size: inherit;
	color: inherit;
	position: relative;
	font-weight: Bold;
}

.b-itemj .text span::before {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/index_bj.svg)no-repeat;
	position: absolute;
	left: 0;
	bottom: -1px;
	background-size: 100%;
	background-position: left bottom;
}

.b-itemj .text p {
	font-size: 20px;
	color: #4F5861;
	font-weight: 400;
	margin-bottom: 60px;
}

.b-itemj .text a {
	margin: auto;
	width: 160px;
	height: 64px;
	background: #234154;
	border-radius: 32px;
	color: #fff;
	font-size: 18px;
	border: none;
}

.b-itemj .text a:hover {
	background-color: #2F5770;
}

/*box-shadow: 3px 3px 5px 2px rgba(35,65,84,0.4);*/
.b-itemj img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	position: relative;
	z-index: 1;
}

.b-item02j img {
	width: 100%;
}

/* b-pagej */
.b-pagej {
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 30%;
	z-index: 1;
}

.b-pagej .swiper-pagination-bullet {
	width: 40px;
	height: 4px;
	background: #3181F6;
	opacity: 0.2;
	margin-right: 5px;
	border-radius: 0;
}

.b-pagej .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.b-pagej .swiper-pagination-bullet-active {
	opacity: 1;
}

/* b-botj */
.b-botj {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	-wbekit-transform: translateX(-50%);
	bottom: 100px;
	z-index: 1;
}

.b-botj .mumping_mun01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
}

.b-botj .mumping_mun01 li {
	width: -webkit-calc(100% / 4);
	width: calc(100% / 4);
	position: relative;
}

.b-botj .mumping_mun01 li .imgbox {
	height: 54px;
	width: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	margin: auto;
	margin-bottom: 30px;
}

.b-botj .mumping_mun01 li .imgbox img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.b-botj .mumping_mun01 li .imgbox img.mimg {
	display: none;
}

.b-botj .mumping_mun01 li .numfont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	margin-bottom: 10px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	position: relative;
}

.b-botj .mumping_mun01 li .numfont h2 {
	font-size: 28px;
	color: #15191D;
	font-weight: 700;
	line-height: 40px;
	font-family: DINAlternateBold;
}

.b-botj .mumping_mun01 li .numfont span {
	font-size: 26px;
	color: #15191D;
	font-weight: 700;
	line-height: 40px;
}

.b-botj .mumping_mun01 li p {
	font-size: 14px;
	color: #4F5861;
	text-align: center;
	line-height: 20px;
}

.b-botj .mumping_mun01 li .numfont::before {
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	background-color: #234154;
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.b-botj .mumping_mun01 li:last-child .numfont::after {
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	background-color: #234154;
	position: absolute;
	right: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/* index01jwrap */
.index01jwrap {
	width: 100%;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/dybg01.svg) no-repeat;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 60px 0 54px;
	background-size: cover;
}

/* index01j */
.index01j {
	margin: auto;
	position: relative;
}

/* i-tlj */
.i-tlj {
	text-align: center;
	margin-bottom: 60px;
}

.i-tlj h3 {
	font-size: 44px;
	color: #15191D;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 62px;
}

.i-tlj p {
	font-size: 18px;
	color: #949CA3;
	line-height: 28px;
	margin-bottom: 30px;
}

.jtmorej {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webklit-align-items: center;
	-webklit-justify-content: center;
	font-size: 18px;
	color: #3181F6;
	font-weight: 500;
}

.jtj {
	display: block;
	width: 16px;
	height: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-justify-content: flex-end;
	background-color: #3181F6;
	margin-left: 10px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.jtj::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #3181F6;
	border-right: 1px solid #3181F6;
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.jtmorej:hover .jtj {
	margin-left: 20px;
}

.i-tlj .morej {
	margin: auto;
	width: 120px;
	height: 54px;
	background: #234154;
	border-radius: 32px;
	color: #fff;
}

/* index01jmin */
.index01jmin {
	width: 100%;
	position: relative;
	margin-top: -80px !important;
}

.index01jmin .disblock {
	width: 100%;
	position: relative;
	z-index: 3;
}

.index01jmin .disblock {
	width: 111%;
}

/* before */
.i2ico {
	position: absolute;
}

.i2ico1 {
	width: 26%;
	position: absolute;
	right: 0;
	top: 24%;
	z-index: 99;
}

.i2ba {
	width: 49%;
	margin-top: 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	color: #4F5861;
}

.i2ba {
	width: 545px;
}

.i2w .i2ico {
	top: -53px;
	right: -100px;
	width: initial;
}

.i2ico1 {
	width: 26%;
	position: absolute;
	right: 0;
	top: 24%;
	z-index: 4;
}

.circle {
	width: 232px;
	height: 232px;
	border: 1px dashed #ddd;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	margin: 0;
	top: 0;
	left: 0;
}

.circle_a1 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	border: 1px dashed #ddd;
	border-radius: 50%;
	-ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	margin: 0;
}

.circle_a12 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 158px;
	margin-left: -117px;
	width: 80px;
	height: 80px;
	border: 1px dashed #ddd;
	border-radius: 50%
}

.circle .c-circle {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: absolute
}

.circle .c-circle:after {
	content: '';
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	border-radius: 100%
}

.circle .first:after {
	width: 92px;
	height: 92px;
	left: 59px;
	top: 20px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_d5.svg) center center no-repeat;
	background-size: 100%
}

.circle .second:after {
	width: 92px;
	height: 92px;
	left: 133px;
	top: 3px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_d4.svg) center center no-repeat;
	background-size: 100%
}

.circle .third:after {
	width: 92px;
	height: 92px;
	left: 203px;
	top: 45px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_d3.svg) center center no-repeat;
	background-size: 100%
}

.circle .four:after {
	width: 92px;
	height: 92px;
	left: 231px;
	top: 116px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_d2.svg) center center no-repeat;
	background-size: 100%
}

.circle .five:after {
	width: 92px;
	height: 92px;
	left: 200px;
	top: 200px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_d1.svg) center center no-repeat;
	background-size: 100%
}

.circley {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 54px;
	margin-left: -150px;
	width: 424px;
	height: 424px;
	border: 1px dashed #ddd;
	border-radius: 50%
}

.circley .c-circley {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: absolute
}

.circley .c-circley:after {
	content: '';
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	border-radius: 100%
}

.circley .first:after {
	width: 92px;
	height: 92px;
	left: 39px;
	top: 338px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_y1.svg) center center no-repeat;
	background-size: 100%
}

.circley .second:after {
	width: 92px;
	height: 92px;
	left: 0;
	top: 248px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_y2.svg) center center no-repeat;
	background-size: 100%
}

.circley .third:after {
	width: 92px;
	height: 92px;
	left: 7px;
	top: 150px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_y3.svg) center center no-repeat;
	background-size: 100%
}

.circley .four:after {
	width: 92px;
	height: 92px;
	left: 52px;
	top: 69px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_y4.svg) center center no-repeat;
	background-size: 100%
}

.circley .five:after {
	width: 92px;
	height: 92px;
	left: 126px;
	top: 18px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_y5.svg) center center no-repeat;
	background-size: 100%
}

.circley .six:after {
	width: 92px;
	height: 92px;
	left: 228px;
	top: 0;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_y6.svg) center center no-repeat;
	background-size: 100%
}

.circley1 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 105px;
	margin-left: -185px;
	width: 212px;
	height: 212px;
	border: 1px dashed #ddd;
	border-radius: 50%
}

.circley1 .c-circley1 {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: absolute
}

.circley1 .c-circley1:after {
	content: '';
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	border-radius: 100%
}

.circley1 .first:after {
	width: 92px;
	height: 92px;
	left: 103px;
	top: 0;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_y9.svg) center center no-repeat;
	background-size: 100%
}

.circley1 .second:after {
	width: 92px;
	height: 92px;
	left: 197px;
	top: 57px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_y8.svg) center center no-repeat;
	background-size: 100%
}

.circley1 .third:after {
	width: 92px;
	height: 92px;
	left: 207px;
	top: 147px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_y7.svg) center center no-repeat;
	background-size: 100%
}

.circley1 .four:after {
	width: 44px;
	height: 44px;
	left: 110px;
	top: 94px;
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/icon_y10.svg) center center no-repeat;
	background-size: 100%
}

.circley1 .yuan_1 {
	width: 8px;
	height: 8px;
	left: 143px;
	top: 86px;
	position: absolute;
	border-radius: 50%;
	background: #3280f5;
	z-index: 99
}

.circley1 .yuan_2 {
	width: 8px;
	height: 8px;
	left: 176px;
	top: 176px;
	position: absolute;
	border-radius: 50%;
	background: #3280f5;
	z-index: 99
}

.circle .yuan_1 {
	width: 8px;
	height: 8px;
	left: 143px;
	top: 86px;
	position: absolute;
	border-radius: 50%;
	background: #3280f5;
	z-index: 99
}

.circle .yuan_2 {
	width: 8px;
	height: 8px;
	left: 156px;
	top: 221px;
	position: absolute;
	border-radius: 50%;
	background: #3280f5;
	z-index: 99
}

.animated_1 {
	-webkit-animation-duration: 3.6s;
	animation-duration: 3.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_2 {
	-webkit-animation-duration: 2.8s;
	animation-duration: 2.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_3 {
	-webkit-animation-duration: 2.2s;
	animation-duration: 2.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_4 {
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_5 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_y1 {
	-webkit-animation-duration: 4.4s;
	animation-duration: 4.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_y2 {
	-webkit-animation-duration: 3.6s;
	animation-duration: 3.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_y3 {
	-webkit-animation-duration: 2.8s;
	animation-duration: 2.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_y4 {
	-webkit-animation-duration: 2.2s;
	animation-duration: 2.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_y5 {
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_y6 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_ya1 {
	-webkit-animation-duration: 4.4s;
	animation-duration: 4.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_ya2 {
	-webkit-animation-duration: 3.6s;
	animation-duration: 3.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_ya3 {
	-webkit-animation-duration: 2.8s;
	animation-duration: 2.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated_ya4 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.amt1 {
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
}

.amt2 {
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
}

.amt3 {
	animation-delay: .9s;
	-webkit-animation-delay: .9s;
}

.amt4 {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.amt5 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.amt6 {
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
}

.amt7 {
	animation-delay: 2.1s;
	-webkit-animation-delay: 2.1s;
}

.amt8 {
	animation-delay: 2.4s;
	-webkit-animation-delay: 2.4s;
}

/* before-end */

/* index01j-bot */
.index01j-bot {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-top: 30px;
}

.index01j-bot p {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 17px;
	font-size: 18px;
	line-height: 28px;
	color: #4F5861;
	position: relative;
	width: -webkit-calc((100% - 100px)/2);
	width: calc((100% - 100px)/2);
	margin-bottom: 16px;
}

.index01j-bot p::before {
	content: '+';
	position: absolute;
	;
	left: 0;
	top: 0px;
	font-size: 12px;
	color: #234154;
}

/* index02jwrap */
.index02jwrap {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 100px 0 54px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEF2FF));
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEF2FF 100%);
	background-image: linear-gradient(180deg, #FFFFFF 0%, #EEF2FF 100%);
	position: relative;
}

/* index02j */
.index02j {
	margin: auto;
	position: relative;
}

.index02jwrap .bgj {
	width: 1400px;
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 54px;
}

.i3ico1 {
	left: -115px;
	top: -73px;
	position: absolute;
	z-index: 0;
}

.i3wimg {
	position: relative;
	z-index: 1;
}

.i3wimg img {
	width: 100%;
}

.index02j .i3w {
	position: relative;
	margin-top: -90px;
}

.i3w .circley,
.i3ico2 .circley1 {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
}

.i3w .circle_a1 {
	width: 80%;
	height: 80%;
	margin: 0;
}

.i3w .circley .qqyy {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #3181F6;
	position: absolute;
	z-index: 1;
}

.i3w .circley .qqyy.yuan_1 {
	top: 27%;
	left: 16%;
}

.i3w .circley .qqyy.yuan_2 {
	top: 4%;
	left: 71%;
}

/* .y_detail */
.i3ico2 {
	right: -106px;
	top: -56px;
	position: absolute;
	z-index: 0;
	width: auto;
}

.i3ico2 .circle_a12 {
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkilt-transform: translate(-50%, -50%);
	margin: 0;
}

.circley1 .four:after {
	top: 50%;
}

.circley1 .yuan_1 {
	left: 140px;
}

.circley1 .yuan_2 {
	left: 179px;
}

/* index03jwrap */
.index03jwrap {
	width: 100%;
	position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEF2FF));
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEF2FF 100%);
	background-image: linear-gradient(180deg, #FFFFFF 0%, #EEF2FF 100%);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 100px 0 54px;
}

.index03j {
	position: relative;
	margin: auto;
}

.index03jwrap .posrelative {
	position: relative;
	margin-bottom: 30px;
}

.index03jwrap .posrelative .lycb_1 {
	position: absolute;
	top: 50px;
	right: -46px;
}

.index03jwrap .posrelative .lycb_2 {
	position: absolute;
	bottom: -5px;
	left: 10px;
}

.index03jwrap .posrelative .lycb_3 {
	position: absolute;
	bottom: -21px;
	right: 252px;
}

.index03jwrap .posrelative .lycb_1 img,
.index03jwrap .posrelative .lycb_2 img,
.index03jwrap .posrelative .lycb_3 img {
	width: auto;
}

.index03j .index01j-bot {
	margin-top: 0;
}

.index03jwrap .posrelative {
	margin-bottom: 0;
}

/* index04jwrap */
.index04jwrap {
	margin: 100px auto;
}

.index04jwrap .i-tlj {
	margin-bottom: 60px;
}

.i-tlj02 h3 {
	margin-bottom: 0;
}

/* index04j */
.index04j-pc {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webklit-justify-content: space-between;
}

.index04j .item {
	width: -webkit-calc((100% - 90px)/4);
	width: calc((100% - 90px)/4);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 240px;
	padding: 40px 30px;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

/*.index04j .item:hover{box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.05);}*/
.index04j .item .bg {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.index04j .item .textbox {
	position: relative;
	z-index: 1;
}

.index04j .item h3 {
	font-size: 28px;
	color: #15191D;
	margin-bottom: 12px;
	font-weight: 500;
}

.index04j .item h4 {
	font-size: 16px;
	color: #4F5861;
	line-height: 24px;
}

.index04j .item .morej {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	left: 30px;
	bottom: 30px;
	opacity: 0;
	-webkit-transform: translateX(-30px);
	    -ms-transform: translateX(-30px);
	        transform: translateX(-30px);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border: none;
}

.index04j .item .morej .jtj {
	margin: 0;
}

.index04j .item:hover .morej {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	opacity: 1;
}

.index04j .item:nth-of-type(1) {
	width: -webkit-calc((3 * (100% - 90px)/4) + 60px);
	width: calc((3 * (100% - 90px)/4) + 60px);
}

.index04j .item:nth-last-of-type(1),
.index04j .item:nth-last-of-type(2) {
	width: -webkit-calc((100% - 30px)/2);
	width: calc((100% - 30px)/2);
}

/*.index0402j .item:nth-of-type(1){width: calc((100% - 90px)/4);}*/

/* index05jwrap */
.index05jwrap {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 100px 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F8FAFF), to(#EBF0FF));
	background-image: -o-linear-gradient(top, #F8FAFF 0%, #EBF0FF 100%);
	background-image: linear-gradient(180deg, #F8FAFF 0%, #EBF0FF 100%);
}

/* index05j */
.index05j {
	margin: auto;
}

.index05j .i-tlj02 h3 {
	margin-bottom: 20px;
}

.index05j .i-tlj {
	margin-bottom: 30px;
}

/* index05jmin */
.index05jmin {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webklit-justify-content: space-between;
}

.index05jmin .item {
	width: -webkit-calc((100% - 30px)/2);
	width: calc((100% - 30px)/2);
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	padding: 40px 30px;
	height: 260px;
	overflow: hidden;
	border-radius: 20px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	background-color: #fff;
}

/*.index05jmin .item:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.05);}*/
.index05jmin .item .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.index05jmin .item:hover .bg {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.index05jmin .item .textbox {
	position: relative;
	z-index: 1;
}

.index05jmin .item .textbox>h3 {
	background-image: -webkit-gradient(linear, left top, right top, from(#4371FA), to(#7EC8FF));
	background-image: -o-linear-gradient(left, #4371FA, #7EC8FF);
	background-image: linear-gradient(to right, #4371FA, #7EC8FF);
	-webkit-background-clip: text;
	color: transparent;
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 12px;
	display: inline-block;
}

.index05jmin .item .textbox>.h4 {
	width: 100%;
}

.index05jmin .item .textbox>.h4>p {
	font-size: 16px;
	line-height: 26px;
	color: #4F5861;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-right: 0;
	text-align: justify;
}

.index05jmin .item:last-child {
	width: 100%;
	margin-bottom: 0;
}

.index05jmin .list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-top: 30px;
}

.index05jmin .list .listitem {
	width: -webkit-calc((100% - 80px)/5);
	width: calc((100% - 80px)/5);
	border: 1px solid #7586b54d;
	border-radius: 32px;
	height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webklit-align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 13px;
}

.index05jmin .list .listitem .imgbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	width: 40px;
	height: 40px;
}

.index05jmin .list .listitem .imgbox img {
	display: block;
	width: auto;
	height: auto;
}

.index05jmin .list .listitem .font {
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 10px;
}

.index05jmin .list .listitem .font h3,
.index05jmin .list .listitem .font h4 {
	font-size: 14px;
	color: #7586B5;
	font-weight: bold;
	line-height: 20px;
}

.index05jmin .list .listitem .font p {
	font-size: 12px;
	color: #7586B5;
}

/* index06jwrap */
.index06jwrap {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	padding: 100px 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEF2FF));
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEF2FF 100%);
	background-image: linear-gradient(180deg, #FFFFFF 0%, #EEF2FF 100%);
}

/* index06j */
.index06j {
	margin: auto;
}

.index06j .i-tlj {
	margin-bottom: 60px;
}

/* index06j-img */
.index06j-img {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.index06j-img img {
	display: block;
	width: 100%;
}

/* index06jmin */
.index06jmin {
	width: 100%;
	position: relative;
	margin-top: 60px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 60px;
	background-color: #fff;
	border-radius: 20px;
}

.index06jmin .swiper-container {
	border-radius: 20px;
	width: 100%;
}

.index06jmin .swiper-slide {
	height: 100%;
	position: relative;
}

.index06jmin .item {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webklit-justify-content: space-between;
	padding: 40px 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #fff;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	height: 100%;
}

.index06jmin .item .icon {
	display: block;
	width: 50px;
}

.index06jmin .item .box {
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
}

.index06jmin .item .box .text {
	width: -webkit-calc(100% - 270px);
	width: calc(100% - 270px);
}

.index06jmin .item .box .text h4>p {
	font-size: 16px;
	color: #15191D;
	line-height: 30px;
	text-align: justify;
	margin-bottom: 30px;
	line-height: 26px;
}

.index06jmin .item .box .text>p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
	color: #15191D;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webklit-align-items: center;
	box-sizing: border-box;
	padding-left: 40px;
	position: relative;
	display: block;
}

.index06jmin .item .box .text>p>i {
	font-size: 16px;
	color: #15191D;
	display: inline;
	line-height: 26px;
}

.index06jmin .item .box .text>p::before {
	content: '';
	display: block;
	width: 30px;
	height: 1px;
	background-color: #15191D;
	position: absolute;
	left: 0;
	top: 12px;
}

.index06jmin .item .box .text>p span {
	font-weight: 600;
	margin-right: 5px;
	line-height: 26px;
}

.index06jmin .item .box img {
	width: auto;
	max-width: 170px;
}

/* index06pages */
.index06pages {
	position: relative;
	margin-top: 30px;
}

.index06pages .swiper-pagination-bullet {
	width: 20px;
	height: 2px;
	background-color: #3181F6;
	opacity: 0.2;
	margin-right: 4px;
	border-radius: 0;
}

.index06pages .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.index06pages .swiper-pagination-bullet-active {
	opacity: 1;
}

/* index07jwrap */
.index07jwrap {
	margin: 100px auto;
}

/* index07j */
.index07j {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

.index07j .item {
	width: -webkit-calc((100% - 60px)/3);
	width: calc((100% - 60px)/3);
	border: 1px solid #EAEDEF;
	border-radius: 6px;
	overflow: hidden;
}

.index07j .item .imgbox {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	overflow: hidden;
	height: 198px;
}

.index07j .item .imgbox img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.index07j .item:hover {
	-webkit-box-shadow: 0px 12px 20px 0px rgba(49, 60, 76, 0.07);
	        box-shadow: 0px 12px 20px 0px rgba(49, 60, 76, 0.07);
}

.index07j .item:hover .imgbox img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.index07j .item .text {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 30px 20px;
}

.index07j .item .text h3 {
	font-size: 24px;
	color: #333333;
	font-weight: 600;
	margin-bottom: 12px;
	line-height: 30px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 60px;
}

.index07j .item .text h4 {
	font-size: 14px;
	color: #4F5861;
	line-height: 22px;
	margin-bottom: 20px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 66px;
}

.index07j .item .text .data {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webklit-justify-content: space-between;
}

.index07j .item .text .data-l {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

.index07j .item .text .data-l img {
	display: block;
	width: 32px;
}

.index07j .item .text .data-l p {
	font-size: 14px;
	color: #15191D;
	margin-left: 10px;
}

.index07j .item .text .data-r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	font-size: 14px;
	color: #666666;
}

.index07j .item .text .data-r i {
	font-size: 14px;
	color: #666666;
	margin-right: 5px;
}

.index07j .item .text .data-r img {
	width: auto;
	height: 14px;
	margin-right: 8px;
}

.index07jwrap .jtmorej {
	margin-top: 30px;
}

.index07jwrap .i-tlj {
	margin-bottom: 60px;
}

/* .i9 */
.i9 {
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/i9pc.svg) no-repeat top center, -webkit-gradient(linear, left top, left bottom, from(#F5F8FF), to(#EEF2FF));
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/i9pc.svg) no-repeat top center, -o-linear-gradient(top, #F5F8FF, #EEF2FF);
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/i9pc.svg) no-repeat top center, linear-gradient(to bottom, #F5F8FF, #EEF2FF);
	height: 390px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	width: 100%;
	position: relative;
}

.i9 .mdtop {
	text-align: center;
}

.mdtop h3 {
	font-size: 44px;
	color: #15191D;
	font-weight: 600;
	line-height: 62px;
}

.i9 .mdtop .morej {
	width: 160px;
	height: 64px;
	background-color: #234154;
	border-color: #234154;
	margin: auto;
	color: #fff;
	border-radius: 32px;
	margin-top: 30px;
	-webkit-box-shadow: 0px 10px 20px 0px rgb(194 216 228);
	        box-shadow: 0px 10px 20px 0px rgb(194 216 228);
}

.i9 .mdtop .morej:hover {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	background-color: #2F5770;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.ftltxt {
	margin-top: 26px;
}

.ftltxt p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 16px;
	margin-top: 0;
}

.ftra p,
.ftra p a {
	font-size: 14px;
	line-height: 20px;
}

.ftra p {
	margin-bottom: 16px;
}

.ftlb a {
	padding: 0;
}

.mt_10 {
	margin-top: 3px;
}

.ftltxt {
	margin-top: 26px;
}


/* f-contj */
.f-contj .ft {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

.f-contj .ftr {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.f-contj .ftr .ftra {
	margin-right: 80px;
}

.f-contj .ftr .ftra:last-child {
	margin-right: 0;
}

.ftra h3 {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 30px;
}

.fb p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	font-size: 12px;
	color: #999;
}

.fb a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webklit-align-items: center;
	margin-left: 5px;
}

.ftlbhide img {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 8px;
	border: 1px solid #eee;
	margin-bottom: 10px;
}

.ftlbhide p {
	font-size: 12px;
	line-height: 20px;
	color: #4F5861;
}

.ftlbhide {
	top: 30px;
	bottom: initial;
	padding: 20px 20px 10px;
	left: 50%;
	margin: 0;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 30px 0 #2341540f;
	        box-shadow: 0 2px 30px 0 #2341540f;
}

.ftlbhide i {
	bottom: initial;
	top: -10px;
	z-index: -1;
	text-shadow: 0 0px 1px rgba(0, 0, 0, .2);
}

.ftlbhide img {
	border: none;
	padding: 0;
	margin-bottom: 8px;
}

.ftlb a {
	margin-right: 0;
}

.ftlb span,
.ftlb>a {
	margin-right: 10px;
}

.ftlb span:last-child,
.ftlb>a:last-child {
	margin-right: 0;
}



/* asswrap */
.asswrap {
	position: fixed;
	bottom: 30%;
	right: 30px;
	z-index: 11;
}

/* ass */
.ass {
	width: 60px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3181F6), to(#6BA7FF));
	background-image: -o-linear-gradient(top, #3181F6 0%, #6BA7FF 100%);
	background-image: linear-gradient(180deg, #3181F6 0%, #6BA7FF 100%);
	-webkit-box-shadow: 0 4px 30px 0 #2341540f;
	        box-shadow: 0 4px 30px 0 #2341540f;
	border-radius: 30px;
	display: none;
}

.ass .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	width: 100%;
	height: 60px;
}

.ass i {
	display: block;
	width: 24px;
	height: 1px;
	background-color: #fff;
	margin: auto;
	opacity: 0.5;
}

/* totop */
.totop {
	width: 60px;
	height: 60px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 4px 30px 0 #2341540f;
	        box-shadow: 0 4px 30px 0 #2341540f;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	margin-top: 20px;
	opacity: 0;
	visibility: hidden;
}

.totop img {
	width: 16px;
	-webkit-filter: brightness(0.5);
	        filter: brightness(0.5);
}

.totop.show {
	opacity: 1;
	visibility: visible;
}

/*#newBridge .nb-comp-base*/
#newBridge .nb-comp-base,
#newBridge .nb-comp-base-mobile {
	width: 60px !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3181F6), to(#6BA7FF)) !important;
	background-image: -o-linear-gradient(top, #3181F6 0%, #6BA7FF 100%) !important;
	background-image: linear-gradient(180deg, #3181F6 0%, #6BA7FF 100%) !important;
	-webkit-box-shadow: 0 4px 30px 0 #2341540f !important;
	        box-shadow: 0 4px 30px 0 #2341540f !important;
	border-radius: 30px !important;
	overflow: hidden !important;
	right: 30px !important;
	top: initial !important;
	bottom: 39% !important;
	margin: 0 !important;
	left: initial !important;
	height: auto !important;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-flow: column-reverse !important;
	        flex-flow: column-reverse !important;
	-webkit-flex-flow: column-reverse !important;
}

#newBridge .nb-comp-base .nb-comp-item,
#newBridge .nb-comp-base-mobile .nb-comp-item-mobile {
	background-color: transparent !important;
	font-size: 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	width: 100%;
	height: 60px;
	padding: 0 !important;
}

#newBridge .nb-comp-base .nb-comp-item i,
#newBridge .nb-comp-base-mobile .nb-comp-item-mobile i {
	margin: 0 !important;
}

#newBridge .nb-comp-base .nb-comp-item:first-child:before,
#newBridge .nb-comp-base-mobile .nb-comp-item-mobile:first-child:before {
	content: '';
	display: block;
	width: 24px;
	height: 1px;
	background-color: #fff;
	opacity: 0.5;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -12px;
}






/* ny-bannerwrap */
.ny-bannerwrap {
	width: 100%;
	position: relative;
	padding: 130px 0 90px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6FAFF), to(#F0F6FF));
	background-image: -o-linear-gradient(top, #F6FAFF 0%, #F0F6FF 100%);
	background-image: linear-gradient(180deg, #F6FAFF 0%, #F0F6FF 100%);
}

/* ny-banner */
.ny-banner {
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

/* ny-btext */
.ny-btext {
	width: 50%;
	margin-right: -7%;
}

.ny-btext h3,
.ny-btext .h3 {
	font-size: 56px;
	color: #15191D;
	line-height: 72px;
	margin-bottom: 20px;
	font-weight: 600;
}
.pc-ul{
	list-style: none;
	padding: 0;
}

.ny-btext p {
	font-size: 20px;
	color: #4F5861;
	margin-bottom: 60px;
}

.ny-btext .morej {
	width: 160px;
	height: 64px;
	background-color: #234154;
	border-radius: 32px;
	font-size: 18px;
	color: #FFFFFF;
	border: none;
}

/*.ny-btext .morej:hover{box-shadow: 3px 3px 5px 2px rgba(35,65,84,0.4);}*/
.ny-btext .morej:hover {
	opacity: 0.85;
}

.ny-btext .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
}

.ny-btext .link .morej:last-child {
	width: 160px;
height: 64px;
background: #234154;
-webkit-box-shadow:0 10px 24px 0 #13148333;
        box-shadow:0 10px 24px 0 #13148333;
border-radius: 32px;
color: #fff;
font-size: 18px;
}

.ny-btext .link .morej:last-child:before {
	display: none;
}

/* ny-img */
.ny-img {
	width: 57%;
}

.ny-img img {
	width: 100%;
}

/* samplewrapj */
.samplewrapj {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	overflow: hidden;
}

.sampleitemj {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	padding: 100px 0;
	overflow: hidden;
}

.samplecenterj {
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	position: relative;
}

.sampletext {
	width: 43%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-right: 100px;
	position: relative;
	z-index: 1;
}

.sampletext h3 {
	font-size: 44px;
	color: #15191D;
	line-height: 56px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: justify;
}

.sampletext .list p {
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 20px;
	font-size: 18px;
	line-height: 28px;
	color: #4F5861;
	font-weight: 400;
	margin-bottom: 12px;
	text-align: justify;
}

.sampletext .list p::before {
	content: '+';
	position: absolute;
	left: 0;
	font-size: 12px;
	color: #4F5861;
}

.sampletext .list p:last-child {
	margin-bottom: 0;
}

.sampletext h3 .xxicon {
	display: inline-block;
	margin-left: 10px;
	-ms-transform: translateY(4px);
	    transform: translateY(4px);
	-webkit-transform: translateY(4px);
}

/* sampleimg */
.sampleimg {
	width: 57%;
	position: relative;
	z-index: 1;
}

.sampleimg img {
	width: 103%;
	position: relative;
	z-index: 1;
}

.sampleitemj:nth-of-type(2n) .sampleimg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.sampleitemj:nth-of-type(2n) .sampleimg img {
	width: 106%;
}

.sampleimg::after {
	content: '';
	display: block;
	width: 580px;
	height: 580px;
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
	background-image: -o-linear-gradient(49deg, #3181f600 48%, #3181f60d 97%);
	background-image: linear-gradient(41deg, #3181f600 48%, #3181f60d 97%);
	position: absolute;
	right: -170px;
	bottom: -300px;
	border-radius: 50%;
	z-index: 0;
}

.sampletext::before {
	content: '';
	display: block;
	width: 330px;
	height: 330px;
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
	background-image: -o-linear-gradient(220deg, #2874ff00 36%, #2874ff0d 100%);
	background-image: linear-gradient(230deg, #2874ff00 36%, #2874ff0d 100%);
	position: absolute;
	left: -128px;
	top: -128px;
	border-radius: 50%;
	z-index: 0;
}

.sampleitemj:nth-of-type(2n) {
	background-color: #FAFCFF;
}

.sampleitemj:nth-of-type(2n) .samplecenterj {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-flow: row-reverse;
	        flex-flow: row-reverse;
	-webkit-flex-flow: row-reverse;
}

.sampleitemj:nth-of-type(2n) .sampletext {
	padding-right: 0;
	padding-left: 100px;
}

.sampleitemj:nth-of-type(2n) .sampleimg::after {
	right: initial;
	left: -170px;
}

.sampleitemj:nth-of-type(2n) .sampletext::before {
	left: 0;
	background-image: -o-linear-gradient(224deg, #2874ff00 35%, #2874ff0d 99%);
	background-image: linear-gradient(226deg, #2874ff00 35%, #2874ff0d 99%);
	-webkit-transform: rotateY(9deg);
	        transform: rotateY(9deg);
}

.sampleitemj:nth-of-type(3) {
	padding-bottom: 0;
}

.sampleitemj:nth-of-type(3) .sampletext {
	padding-bottom: 100px;
}

.sampleitemj:last-child .sampleimg {
	width: 67%;
	margin-left: -10%;
}

.pro01wrapj .proitemj:last-child .sampleimg {
	width: 57%;
	margin: 0;
}

.pro01wrapj .proitemj:last-child {
	background-image: none;
}

.pro01wrapj .proitemj:nth-of-type(3) {
	padding-bottom: 100px;
}

.pro01wrapj .proitemj:nth-of-type(3) .sampletext {
	padding-bottom: 0;
}

/* sampletext */
.sampletext .limin {
	position: relative;
	z-index: 1;
}

.sampletext .limin .li {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 58px;
	border-radius: 6px;
	overflow: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.sampletext .limin .li img {
	width: 24px;
	position: absolute;
	left: 20px;
}

.sampletext .limin .li h3 {
	font-size: 18px;
	color: #15191D;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 4px;
}

.sampletext .limin .li p {
	font-size: 14px;
	line-height: 22px;
	color: #4F5861;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.sampletext .limin .li:hover {
	background-color: #F6FAFE;
	padding-bottom: 10px;
}

.sampletext .limin .li:hover p {
	opacity: 1;
}

.sampleitemj:last-child {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(34%, #FFFFFF), to(#F8FAFF));
	background-image: -o-linear-gradient(top, #FFFFFF 34%, #F8FAFF 100%);
	background-image: linear-gradient(180deg, #FFFFFF 34%, #F8FAFF 100%);
}

.sampletext .morej {
	width: 160px;
	height: 64px;
	border: 1px solid #DDE2E5;
	border-radius: 32px;
	font-size: 18px;
	color: #3181F6;
	margin-top: 20px;
}

.sampletext .morej:hover .jtj {
	width: 25px;
}

/* sample02jwrap */
.sample02jwrap {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 140px auto;
	position: relative;
	background-color: #FFD533;
	border-radius: 60px;
	overflow: hidden;
	width: 1380px;
}

.sample02jwrap .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	-o-object-fit: cover;
	   object-fit: cover;
}

.sample02j {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 100px 100px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: space-between;
	-webkit-align-items: center;
	position: relative;
	z-index: 1;
}

.sample02j .sampletext {
	width: 50%;
	padding-bottom: 100px;
}

.sample02j .sampleimg {
	width: 50%;
}

.sample02j .sampletext .list P {
	color: #15191D;
}

.sample02j .sampletext .morej {
	background-color: #15191D;
	border: none;
	color: #fff;
	margin-top: 60px;
}

.sample02j .sampletext .morej .jtj {
	background-color: #fff;
}

.sample02j .sampletext .morej .jtj::after {
	border-color: #fff;
}

.sample02j .sampletext .list P:before {
	color: #15191D;
	font-size: 14px;
}

.b-botj .numwrap {
	padding-top: 200px;
}


/*.lmd*/
.lmd {
	padding-top: 120px;
}

.it4_dj p {
	line-height: 40px;
}

input[type="number"] {
	-moz-appearance: textfield;
}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {
	-webkit-appearance: none;

}





.tjbd .tj_detail .right form .item .xx {
	top: 50%;
	margin-top: -6px;
}

.form_main::-webkit-scrollbar {
	width: 6px;
	background-color: transparent;
	border-radius: 3px;
}

.form_main::-webkit-scrollbar-thumb {
	width: 6px;
	border-radius: 3px;
	background-color: #C0CAD1;
}


.solution .part1 .right .right_main .rpart1 .img img {
	max-width: 100%;
}

.solution .part1 .right .right_main .rpart1 .img {
	height: auto;
	min-height: 420px;
}



.newatxtb .neabr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

.neabr img {
	margin: 0;
	margin-right: 8px;
}


/*20230602*/
.b-itemj img.img-m,
.index01j .i-tlj h3.m-text,
.index02j .i-tlj h3.m-text,
.index03j .i-tlj h3.m-text,
.index05j .i-tlj h3.m-text {
	display: none;
}

.m-i-imgbox,
.index04j-m,
.index05jmin .item .bg02 {
	display: none;
}

.index06j-img img.img02,
.index07j-m {
	display: none;
}

.sampletexth3-m,
.m-sampleimg,
.sampletextp-m,
.sampletextmore-m {
	display: none;
}

.sampletext .limin .li h3 span {
	display: none;
}

.i-tlj {
	margin-bottom: 40px;
}

.mt_60 {
	margin-top: 40px;
}

.imorea {
	width: 160px;
	height: 64px;
	line-height: 64px;
	border-radius: 32px;
	font-size: 18px;
}

.solution .part1 .right .right_main .rpart1 .btn .btn1,
.solution .part1 .right .right_main .rpart1 .btn .btn2 {
	width: 120px;
	height: 48px;
	line-height: 46px;
	border-radius: 24px;
}

.solution .part1 .right .right_main .rpart1 .btn .btn1 {
	margin-right: 10px;
}

.solution .part1 .right .right_main .rpart1 .btn .btn2 {
	border-color: #DDE2E5;
}

/*m-text*/
.m-text {
	width: 100%;
	text-align: center;
	font-size: 44px;
	color: #15191D;
	margin-bottom: 60px;
	font-weight: 600;
}

.b-botj .numwrap {
	padding-top: 0;
}

.i-tlj {
	position: relative;
	z-index: 1;
}

.index01jmin,
.index02j .i3w {
	position: relative;
	z-index: 0;
}

/*.bannerwrapj*/
.bannerwrapj {
	position: relative;
	padding-bottom: 100px;
	padding-top: 1px;
}

.b-swiperj {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.b-itemj img {
	width: 5120px;
	height: 1322px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	max-width: initial;
}

.b-botj {
	position: relative;
	bottom: 0;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	left: 0;
	margin: auto;
	margin-top: 960px;
	z-index: 1;
}

.b-itemj .text {
	top: 130px;
}

.b-pagej {
	bottom: 33%;
}

.b-itemj {
	overflow: hidden;
}

/*.nha{padding:8px 0;padding-left: 0;}*/
/*.nha .nhamin{padding:8px 0;padding-left: 20px;position: relative;border-radius:2px;}*/
/*.nha:hover .nhamin{background-color:#F5F6F7;}*/
.b-botj .mumping_mun01 li {
	border-right: 1px solid #EDF5F9;
}

.b-botj .mumping_mun01 li:first-child {
	border-left: 1px solid #EDF5F9;
}

.b-botj .mumping_mun01 li .numfont::before {
	left: -1px;
}

.b-botj .mumping_mun01 li:last-child .numfont::after {
	right: -1px;
}

.ftlogo {
	height: 30px;
}

.sampleitemj:last-child {
	padding: 140px 0;
}

.sampletext .limin {
	margin-left: -20px;
}

.sampleitemj:last-child .sampletext::before {
	display: none;
}

.ny-bannerwrap {
	padding: 110px 0 90px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 650px;
}

.innerpage h3 {
	font-size: 56px;
}

.innerpage.solutionpage .dybnl {
	width: 56%;
	margin-right: -8%;
	position: relative;
}

.innerpage h3 {
	font-size: 56px;
}

.innerpage .wap_demo {
	width: 52%;
}

.solutionpage {
	height: 650px;
}

.innerpage {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6FAFF), to(#F0F6FF));
	background-image: -o-linear-gradient(top, #F6FAFF 0%, #F0F6FF 100%);
	background-image: linear-gradient(180deg, #F6FAFF 0%, #F0F6FF 100%);
}

.solution .part1 .left .list .item:hover a,
.solution .part1 .left .list .item.hover a {
	font-weight: bold;
}

.solution .part1 .right .right_main .rpart1 .cont p {
	color: #333;
}

.innerpage a.imorea {
	margin-top: 40px;
}

.case_main .part1 .part1_main .list .item .cs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
}

.case_main .part1 .part1_main .list {
	width: 100%;
}

.case_main .part1 .part1_main .list .item {
	width: -webkit-calc((100% - 60px) / 3);
	width: calc((100% - 60px) / 3);
	margin-right: 30px;
	margin-bottom: 30px;
}

.case_main .part1 .part1_main .list .item:nth-of-type(3n) {
	margin-right: 0;
}

.case_main .part1 .part1_main .list {
	padding-bottom: 70px;
}

.lstsc input::-webkit-input-placeholder {
	color: #949CA3;
}

.lstsc input::-moz-placeholder {
	color: #949CA3;
}

.lstsc input:-ms-input-placeholder {
	color: #949CA3;
}

.lstsc input::-ms-input-placeholder {
	color: #949CA3;
}

.lstsc input::placeholder {
	color: #949CA3;
}

.lstar {
	padding-left: 40px;
	width: -webkit-calc(100% - 574px);
	width: calc(100% - 574px);
}

.lstal {
	border-radius: 6px;
	width: auto;
}

.lstal img {
	width: 574px;
	height: 314px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.newatxt p {
	margin-top: 12px;
}

.newatxt {
	padding: 30px 20px 40px;
}

.new {
	width: 100%;
}

.newa {
	height: auto;
	width: -webkit-calc((100% - 60px)/3);
	width: calc((100% - 60px)/3);
	margin-right: 30px;
}

.newa:nth-of-type(3n) {
	margin-right: 0;
}

.page a {
	width: 40px;
	height: 40px;
	margin: 0;
}

.page li,
.page>a {
	margin-right: 8px;
}

.page li:last-child {
	margin-right: 0;
}

.page li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.aaaaa {
	font-size: 32px;
	color: #15191D;
	margin-top: 60px;
}

.dywzb i {
	color: #D8E1E6;
}

.tcltitle {
	font-weight: bold;
}

.tcwrclose img {
	width: 15px !important;
}

#newsTitle {
	font-size: 36px;
}

.neabl i {
	border: 1px solid #F0F0F0;
}

.iftopb {
	margin-top: 16px;
}

.iftopblr {
	position: relative;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

/*新增盒子的样式*/
.iftopblr .content {
	position: relative;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

/*注释了一下*/
/*.iftopblr:before{content:'';display: block;width: 1px;height: 20px;position: absolute;left: 0;top: 50%;margin-top: -10px;background-color:#eee;}*/
.iftopblr a {
	margin-left: 8px;
	display: block;
}

.wap_demo {
	display: none;
}

.color666 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

.ifrbd {
	padding-left: 20px;
}

.ifrt {
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.text20 {
	line-height: 1;
}

.ifrw .ifr1>br {
	display: none;
}

.ifr1 a {
	display: block;
	margin: 0;
	margin-bottom: 24px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.ifrw .ifr2 {
	margin-top: 0;
}

.text16 {
	line-height: 26px;
}

.ifr2 img {
	margin-top: 20px;
}

.introduce .title1 {
	font-size: 56px;
}

.introducepage .part3 .part3_main .list .item .txt .address span {
	margin-left: 5px;
}

/*20230626*/
.index01jwrap,
.index02jwrap,
.index03jwrap {
	padding: 100px 0 84px;
}

.index05jmin .list .listitem .font h3 {
	font-family: DINAlternateBold;
}

.index05jmin .list .listitem {
	position: relative;
	background: #ffffff1a;
}

.index05jmin .list .listitem:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-filter: blur(2px);
	        filter: blur(2px);
	border-radius: 32px;
	background: #fff;
	z-index: -1;
}

.i9 .mdtop .morej {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.indexi9 {
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/f-bg00.svg) no-repeat top center, -webkit-gradient(linear, left top, left bottom, from(#F5F8FF), to(#EEF2FF));
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/f-bg00.svg) no-repeat top center, -o-linear-gradient(top, #F5F8FF, #EEF2FF);
	background: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/f-bg00.svg) no-repeat top center, linear-gradient(to bottom, #F5F8FF, #EEF2FF);
}

.ftlbhide i {
	text-shadow: none;
}

.b-botj .mumping_mun01 li .numfont span {
	font-size: 24px;
}

#newBridge .nb-comp-base {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-flow: column-reverse;
	        flex-flow: column-reverse;
	display: -webkit-flex;
	-webkit-flex-flow: column-reverse;
}

#newBridge .nb-comp-base-mobile .nb-comp-item-mobile {
	height: 48px !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	display: -webkit-flex !important;
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
	-webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
	-webkit-align-items: center !important;
	-webkit-justify-content: center !important;
	-webkit-transform: none !important;
	    -ms-transform: none !important;
	        transform: none !important;
	-webkit-box-flex: initial !important;
	-webkit-flex: initial !important;
	    -ms-flex: initial !important;
	        flex: initial !important;
}

#newBridge .nb-comp-base .nb-comp-item-im {
	width: 24px !important;
	height: 24px !important;
	background-size: contain !important;
	background-image: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/i02-icon04.svg) !important;
	left: 0 !important;
	-webkit-filter: none !important;
	        filter: none !important;
	border: none !important;
}

#newBridge .nb-comp-base .nb-comp-item-form {
	width: 24px !important;
	height: 24px !important;
	background-size: contain !important;
	background-image: url(https://assets.surveyplus.cn/official/static/modules/newcms/images/i02-icon05.svg) !important;
	display: block !important;
	left: 0 !important;
	-webkit-filter: none !important;
	        filter: none !important;
	border: none !important;
}

#newBridge .nb-comp-base .nb-comp-item:first-child:before {
	bottom: initial;
	top: 0;
	opacity: 0.2;
}

#newBridge .nb-comp-base .nb-comp-item>i {
	width: 50px !important;
	height: 50px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	border-radius: 50%;
}

#newBridge .nb-comp-base .nb-comp-item>i:hover {
	background-color: rgba(255, 255, 255, 0.15);
}

.asswrap {
	bottom: -webkit-calc(39% - 80px);
	bottom: calc(39% - 80px);
}

.totop img {
	width: 18px;
}

.sampleitemj {
	padding: 140px 0;
}

.ny-bannerwrap001 {
	padding: 90px 0;
}

.innerpage p {
	font-size: 20px;
}

.tjbd .tj_detail .right form .item input {
	font-size: 14px;
	color: #333;
}

.introducepage .part2 .part2_main .list .item .txt .p2 {
	font-weight: normal;
}

.introducepage .part3 .part3_main .list .item .txt .link .link_main .img img {
	display: block;
	width: 14px;
	height: 14px;
	-o-object-fit: none;
	   object-fit: none;
	margin-top: 2px;
}

.introducepage .part3 .part3_main .list .item .txt .link .link_main .jt p {
	margin-bottom: 0;
}

.introducepage .part3 .part3_main .list .item .txt .link .link_main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-bottom: 8px;
}

.indexi9 {
	background-size: 100% 100% !important;
}

.i9 .mdtop h3 {
	margin: 0;
}

.totop {
	position: relative;
	z-index: 0;
}

.totop:before {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: -1;
	opacity: 0;
	background-color: #F5F6F7;
}

.totop:hover:before {
	opacity: 1;
}

.it4_dj p {
	font-size: 14px;
}

.it4_dj p.fontcolor {
	color: #333;
}

.index05jmin .list .listitem .font h3,
.index05jmin .list .listitem .font h4 {
	font-size: 16px;
	line-height: 24px;
}

.index07j .item .text .data-l img {
	border: 1px solid #F0F0F0;
	border-radius: 50%;
}

.it4_dj .dj .dj_1 {
	font-size: 14px;
}

.it4_dj_1 {
	top: 328px;
}

.tjbd .tj_detail .right form .item .xx {
	right: 10px;
}

.it4_dj .dj {
	padding: 5px 0;
}

#newBridge {
	z-index: 10 !important;
}

.imorea_max {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.imorea_max:hover {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	background-color: #2F5770;
}

.indexi9 {
	background-size: cover !important;
	background-position: bottom;
}

.i9 {
	height: 413px;
}

.introducepage .part3 .part3_main .list .item .txt .link .link_main .jt p {
	color: #333;
}

.bdrls {
	border-radius: 6px;
}

.bdrls:hover {
	-webkit-box-shadow: 0px 12px 20px 0px rgba(49, 60, 76, 0.07);
	        box-shadow: 0px 12px 20px 0px rgba(49, 60, 76, 0.07);
}

.tcwrclose img {
	width: 10px !important;
}

.tjbd .tj_detail .right .close {
	width: 10px;
	height: 10px;
}

.introduce .title1 {
	font-weight: bold;
}

.introduce .title1.exslm {
	display: none;
}

.foot {
	padding: 100px 0 30px;
	position: relative;
	background-color: #fff;
}

.fb {
	line-height: 1;
	padding-top: 30px;
}

.lsb {
	margin-bottom: 100px;
}


/* 2.0改版 */
/* 20230826 */
.ybchage-b {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ECF1FF), to(#FFFFFF));
	background-image: -o-linear-gradient(top, #ECF1FF 0%, #FFFFFF 100%);
	background-image: linear-gradient(180deg, #ECF1FF 0%, #FFFFFF 100%);
}

.ny-btext {
	position: relative;
	z-index: 1;
}

.yb-brtext>h3,
.yb-brtext>.h3 {
	margin-bottom: 24px;
	position: relative;
	z-index: 0;
}

.yb-brtext>h3>img,
.yb-brtext>.h3>img {
	position: absolute;
	bottom: -8px;
	z-index: -1;
	left: 38px;
}

/* yb-brtext */
.yb-brtext ul li {
	font-size: 20px;
	color: #15191D;
	line-height: 29px;
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 30px;
	margin-bottom: 16px;
}

.yb-brtext ul li>img {
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 17px;
}

.yb-brtext ul li:last-child {
	margin-bottom: 0;
}

.yb-brtext ul {
	margin-bottom: 60px;
}

.ny-btext .morej:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/static/modules/newcms/images/ybchage-b02.svg) no-repeat;
	z-index: -1;
}

/* ybchange01wrap */
.ybchange01wrap {
	margin: 100px auto 70px;
}

/* ybchange01 */
.ybchange01 {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

.ybchange01 .item {
	width: -webkit-calc((100% - 90px)/4);
	width: calc((100% - 90px)/4);
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}

.ybchange01 .item .bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: bottom right;
	   object-position: bottom right;
	z-index: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ybchange01 .item:hover .bg {
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

.ybchange01 .item>div {
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 30px;
}

.ybchange01 .item>div .imgbox {
	width: 50px;
	height: 50px;
	border: 1px solid #FFFFFF;
	background-color: rgba(255, 255, 255, 0.6);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	margin-bottom: 20px;
	border-radius: 50%;
}

.ybchange01 .item>div .imgbox img {
	width: 22px;
}

.ybchange01 .item>div h3 {
	font-size: 28px;
	color: #15191D;
	margin-bottom: 12px;
	line-height: 36px;
	font-weight: 500;
}

.ybchange01 .item>div h3 span {
	font-size: 24px;
}

.ybchange01 .item>div h4 {
	font-size: 16px;
	color: #4F5861;
	line-height: 24px;
	font-weight: normal;
}

/* 工作状况和生活消费卡片背景颜色 */
.ybchange01 .item:nth-child(3),
.ybchange01 .item:nth-child(6) {
	background-color: #D6EDFE;
}

/* .ybchange02wrap */
.ybchange02wrap {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 100px 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F8FAFF), to(#EBF0FF));
	background-image: -o-linear-gradient(top, #F8FAFF 0%, #EBF0FF 100%);
	background-image: linear-gradient(180deg, #F8FAFF 0%, #EBF0FF 100%);
}

/* ybchange02 */
.ybchange02 {
	margin: auto;
}

/* ybchange02min */
.ybchange02min {
	width: 100%;
}

.ybchange02min img {
	width: 100%;
}

.ybchange02 .i-tlj02 h3 {
	margin-bottom: 20px;
}

/* ybchange02-overseas-wrap */
.ybchange02-overseas-wrap {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 751px;
	position: relative;
	overflow: hidden;
}

/* ybchange02-overseas */
.ybchange02-overseas {
	width: 100%;
	height: 751px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C9D1FF), to(#F1F5FF));
	background-image: -o-linear-gradient(top, #C9D1FF 0%, #F1F5FF 100%);
	background-image: linear-gradient(180deg, #C9D1FF 0%, #F1F5FF 100%);
}

.ybchange02-overseas-bg {
	position: absolute;
	top: 208px;
	left: 0;
	width: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
}

.ybchange02-overseas-bg img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.ybchange02-overseas-bg .pc-tl {
	width: 1000px;
}

.ybchange02-overseas-bg .m-tl {
	display: none;
}

.ybchange02-overseas-content {
	position: absolute;
	top: 100px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-flex-direction: column;
	z-index: 2;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 60px;
}

.ybchange02-overseas-content h3 {
	margin-bottom: 10px;
	font-size: 36px;
	color: #234154;
	font-weight: 600;
	line-height: 48px;
	text-align: center;
}

.ybchange02-overseas-content h3.pc-tl {
	font-size: 44px;
}

.ybchange02-overseas-content p {
	font-size: 18px;
	color: #949CA3;
	line-height: 28px;
	margin-bottom: 30px;
	text-align: center;
}

.ybchange02-overseas-content .morej {
	width: 120px;
	height: 54px;
	background: #234154;
	border: none;
	border-radius: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.ybchange02-overseas-content .morej:hover {
	background: #1a2f3f;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
}

/* ybchange03wrap */
.ybchange03wrap {
	margin: 100px auto 0;
}

.ybchange03wrap .i-tlj p {
	margin-bottom: 20px;
}

.ybchange03 {
	margin-top: 202px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkti-flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

.ybchange03 .item {
	width: -webkit-calc((100% - 30px)/2);
	width: calc((100% - 30px)/2);
	margin-bottom: 132px;
	position: relative;
	z-index: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	box-sizing: border-box;
}

.ybchange03 .item .bg {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: -1;
	bottom: 0;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: bottom right;
	   object-position: bottom right;
	border-radius: 10px;
}

.ybchange03 .item .bookimg {
	width: 300px;
	margin-top: -102px;
	margin-bottom: -20px;
}

.ybchange03 .item .bookimg img {
	width: 100%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ybchange03 .item:hover .bookimg img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.ybchange03 .item .text-right {
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-right: 30px;
	margin-top: 40px;
}

.ybchange03 .item .text-right .imgbox {
	width: 60px;
	height: 60px;
	border: 1px solid #FFFFFF;
	background-color: rgba(255, 255, 255, 0.6);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkti-align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	border-radius: 50%;
	margin-bottom: 20px;
}

.ybchange03 .item .text-right .imgbox img {
	width: 26px;
}

.ybchange03 .item .text-right h3 {
	font-size: 24px;
	line-height: 30px;
	color: #15191D;
	margin-bottom: 12px;
}

.ybchange03 .item .text-right p {
	font-size: 14px;
	color: #4F5861;
	line-height: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

.ybchange03 .item .text-right p span {
	color: #15191D;
	font-weight: 700;
}

/* ybchange04wrap */
.ybchange04wrap {
	padding: 100px 0 0;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#F9FBFF));
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F9FBFF 100%);
	background-image: linear-gradient(0deg, #FFFFFF 0%, #F9FBFF 100%);
}

/* ybchange04 */
.ybchange04 {
	margin: auto;
}

.ybchange04 .i-tlj02 h3 {
	margin-bottom: 20px;
}

/* ybchange04min */
.ybchange04min {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

/* ybchange04-l */
.ybchange04-l {
	width: 460px;
}

.ybchange04-l li {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 30px;
	-webkit-box-shadow: 0 4px 16px 0 #113c600f;
	        box-shadow: 0 4px 16px 0 #113c600f;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	margin-bottom: 16px;
	cursor: pointer;
}

.ybchange04-l li .line {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background-color: #A0C5FA;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ybchange04-l li .line::after {
	content: '';
	display: block;
	width: 4px;
	height: 0;
	background-color: #3181F6;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 6s;
	-o-transition: all 6s;
	transition: all 6s;
	-webkit-transition-delay: .5s;
	     -o-transition-delay: .5s;
	        transition-delay: .5s;
}

.ybchange04-l li h3 {
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	font-size: 28px;
	color: #15191D;
	line-height: 36px;
	padding-left: 30px;
	font-weight: 500;
}

.ybchange04-l li h3>img {
	width: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.ybchange04-l li h4 {
	margin-top: 12px;
	font-size: 16px;
	color: #4F5861;
	line-height: 24px;
	display: none;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 30px;
}

.ybchange04-l li.active .line {
	opacity: 1;
}

.ybchange04-l li.active {
	background: #3181f60d;
	-webkit-box-shadow: 0 4px 16px 0 #113c600f;
	        box-shadow: 0 4px 16px 0 #113c600f;
	border: 1px solid #3181f666;
}

.ybchange04-l li:first-child h4 {
	display: block;
}

.ybchange04-l li.active .line::after {
	height: 100%;
}

/* ybchange04-r */
.ybchange04-r {
	width: -webkit-calc(100% - 500px);
	width: calc(100% - 500px);
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	margin-right: -25px;
}

.ybchange04-r>.bg {
	opacity: 0;
	max-width: 100%;
}

.ybchange04-r .imglit {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}

.ybchange04-r .imglit img {
	width: 100%;
	position: absolute;
	width: auto;
	right: 0;
	max-width: 100%;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.ybchange04-r .imglit img.active {
	opacity: 1;
}

/* ybchange05wrap */
.ybchange05wrap {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	padding: 100px 0;
	z-index: 0;
}

.ybchange05wrap .bg {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

/* ybchange05 */
.ybchange05 {
	margin: auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
}

/* tablist */
.ybchange05 .tablist {
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	z-index: 1;
}

.ybchange05 .tablist>.item {
	width: -webkit-calc((70% - 60px)/3);
	width: calc((70% - 60px)/3);
	background-color: #fff;
	-webkit-box-shadow: 0 4px 12px 0 #4c59b10a;
	        box-shadow: 0 4px 12px 0 #4c59b10a;
	border-radius: 16px;
	padding: 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
}

.ybchange05 .tablist>.item.item01 {
	width: 30%;
}

.ybchange05 .tablist>.item.item01 h3 {
	text-align: left;
}

.ybchange05 .tablist>.item h3 {
	font-size: 24px;
	color: #15191D;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 12px;
	text-align: center;
}

.ybchange05 .tablist>.item p {
	font-size: 14px;
	color: #4F5861;
	line-height: 22px;
}

.ybchange05 .tablist>.item a {
	margin: auto;
	border: 1px solid #234154;
	margin-top: 20px;
}

.ybchange05 .tablist>.item.item02 a {
	background-color: #234154;
	color: #fff;
}

.ybchange05 .tablist>.item span {
	width: 80%;
	position: absolute;
	top: -24px;
	left: 10%;
	background-image: -webkit-gradient(linear, left top, right top, from(#4C93FC), to(#3181F6));
	background-image: -o-linear-gradient(left, #4C93FC 0%, #3181F6 100%);
	background-image: linear-gradient(90deg, #4C93FC 0%, #3181F6 100%);
	-webkit-box-shadow: 0 4px 12px 0 #4c59b10a;
	        box-shadow: 0 4px 12px 0 #4c59b10a;
	border-radius: 16px 16px 0 0;
	text-align: center;
	line-height: 24px;
	color: #fff;
	font-size: 12px;
}

/* tabbg */
.ybchange05 .tabbg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px);
	z-index: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

.ybchange05 .tabbg>div {
	width: -webkit-calc((70% - 60px)/3);
	width: calc((70% - 60px)/3);
	background: #F4F8FF;
	border: 1px solid #EDEFFF;
	border-radius: 16px;
	height: 100%;
}

.ybchange05 .tabbg>div:first-child {
	width: 30%;
}

/* ybchange05min */
.ybchange05min {
	width: 100%;
	position: relative;
	z-index: 1;
	padding-bottom: 10px;
	padding-left: 0;
	list-style: none;
}

.ybchange05min li {
	margin-top: 12px;
}

.ybchange05min .list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 9px 0;
	position: relative;
	z-index: 0;
}

.ybchange05min li .tl {
	width: 30%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	color: #15191D;
	line-height: 24px;
	padding-left: 60px;
	position: relative;
	font-weight: 500;
	font-family: pingfb;
}

.ybchange05min li .tl img {
	position: absolute;
	left: 30px;
	top: 50%;
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 20px;
}

.ybchange05min .list>p {
	width: -webkit-calc((70% - 60px)/3);
	width: calc((70% - 60px)/3);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 30px;
	font-size: 14px;
	line-height: 22px;
	color: #15191D;
	text-align: center;
}

.ybchange05min .list>p:first-child {
	width: 30%;
	text-align: left;
}

.ybchange05min .list::before {
	content: '';
	display: block;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	position: absolute;
	left: 10px;
	height: 100%;
	background: #3181f614;
	opacity: 0;
	top: 0;
	border-radius: 6px;
	z-index: -1;
}

.ybchange05min .list:hover::before {
	opacity: 1;
}

.ybchange05min li .list:first-child::before {
	display: none;
}

/* ybchange06 */
.ybchange06 {
	margin: 100px auto;
}

/* estimatewrap */
.estimatewrap {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6FAFF), to(#F0F6FF));
	background-image: -o-linear-gradient(top, #F6FAFF 0%, #F0F6FF 100%);
	background-image: linear-gradient(180deg, #F6FAFF 0%, #F0F6FF 100%);
	padding-top: 64px;
	padding-bottom: 100px;
	min-height: 100vh;
}

/* gsmbx */
.gsmbx {
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	margin-top: 20px;
}

.gsmbx a {
	font-size: 14px;
	color: #92929E;
	margin-right: 10px;
}

.gsmbx a i {
	font-size: inherit;
	color: inherit;
	margin-right: 10px;
}

.gsmbx a.active {
	color: #15191D;
}

/* estimate-b */
.estimate-b {
	width: 100%;
	position: relative;
}

.estimate-b img {
	width: 100%;
}

/* estimate-bmin */
.estimate-bmin {
	position: absolute;
	left: 50%;
	top: 0;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.estimate-bmin .text {
	width: 50%;
	margin-top: 60px;
}

.estimate-bmin .text h3,
.estimate-bmin .text .h3 {
	margin-bottom: 20px;
	font-size: 56px;
	color: #15191D;
	font-weight: 600;
	line-height: 72px;
}

.estimate-bmin .text p {
	font-size: 20px;
	color: #4F5861;
}

/* estimate01 */
.estimate01 {
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkti-justify-content: space-between;
	position: relative;
	margin-top: -8%;
}

/* estimate01-r */
.estimate01-r {
	width: 270px;
	background-color: #fff;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 30px;
}

.estimate01-r h3 {
	font-size: 20px;
	color: #15191D;
	margin-bottom: 16px;
	line-height: 28px;
	font-family: pingfb;
}

.estimate01-r .result {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.estimate01-r .result ul {
	width: 100%;
	padding-bottom: 8px;
	border-bottom: 1px solid #ECF0F5;
}

.estimate01-r .result ul li {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

.estimate01-r .result ul li p {
	font-size: 14px;
	color: #15191D;
	line-height: 22px;
	margin-bottom: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-align-items: flex-end;
}

.estimate01-r .result ul li p span {
	font-size: 18px;
	font-family: DINAlternateBold;
}

/* resultnum */
.estimate01-r .resultnum {
	margin-top: 20px;
}

.estimate01-r .resultnum .text {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 0;
}

.estimate01-r .resultnum .text p {
	font-size: 14px;
	color: #333333;
	line-height: 22px;
}

.estimate01-r .resultnum .text h4 {
	font-size: 14px;
	color: #DF543E;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-align-items: flex-end;
}

.estimate01-r .resultnum .text h4 span {
	font-size: 40px;
	margin-bottom: -7px;
	font-family: DINAlternateBold;
}

.estimate01-r .resultnum .button {
	width: 100%;
	height: 40px;
	background: #B8C5CD;
	border-radius: 6px;
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 30px;
	cursor: pointer;
}

.estimate01-r .resultnum .tips {
	font-size: 12px;
	color: #999999;
	text-align: right;
	line-height: 20px;
	margin-bottom: 20px;
	display: block;
}

/*.estimate01-r .resultnum .button:hover{background-color: #234154;}*/
/* ewmlist */
.estimate01-r .ewmlist {
	width: 100%;
}

.estimate01-r .ewmlist .imgbox {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 30px 30px 20px;
	border: 1px solid #ECF0F5;
	border-radius: 10px;
	margin-bottom: 10px;
}

.estimate01-r .ewmlist .imgbox>img {
	width: 100%;
}

.estimate01-r .ewmlist .imgbox .ewmtext {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	margin-top: 10px;
	font-size: 12px;
	color: #333333;
}

.estimate01-r .ewmlist .imgbox .ewmtext img {
	width: auto;
	margin-right: 10px;
}

.estimate01-r .ewmlist p {
	font-size: 12px;
	color: #4F5861;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

.estimate01-r .ewmlist p span {
	font-size: 18px;
	color: #15191D;
	margin-left: 10px;
	font-family: pingfb;
}


/* estimate01-l */
.estimate01-l {
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	background-color: #fff;
	padding: 30px 50px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 20px;
}

.estimate01-l>li {
	width: 100%;
	min-height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkti-justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	border-top: 1px solid #ECF0F5;
}

.estimate01-l>li .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
}

.estimate01-l>li .left h3 {
	font-size: 16px;
	color: #333333;
	border-left: 2px solid #3181F6;
	padding-left: 10px;
	width: 110px;
	font-family: pingfb;
}

.estimate01-l>li .left .numbox {
	width: 164px;
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #E6ECF2;
}

.estimate01-l>li .left .numbox .operate {
	width: 32px;
	height: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	cursor: pointer;
}

.estimate01-l>li .left .numbox input {
	width: 100px;
	height: 100%;
	outline: none;
	border: 1px solid #E6ECF2;
	border-top: none;
	border-bottom: none;
	font-size: 14px;
	color: #15191D;
	text-align: center;
}

.estimate01-l>li .left .numbox input::-webkit-input-placeholder {
	color: #949CA3;
}

.estimate01-l>li .left .numbox input::-moz-placeholder {
	color: #949CA3;
}

.estimate01-l>li .left .numbox input:-ms-input-placeholder {
	color: #949CA3;
}

.estimate01-l>li .left .numbox input::-ms-input-placeholder {
	color: #949CA3;
}

.estimate01-l>li .left .numbox input::placeholder {
	color: #949CA3;
}

.estimate01-l>li .amount {
	font-size: 14px;
	color: #333333;
}

.estimate01-l>li .amount span {
	font-size: 18px;
	color: #333333;
	font-family: DINAlternateBold;
}

.estimate01-l>li .left .category {
	font-size: 14px;
	color: #4F5861;
	width: 110px;
}

.estimate01-l>li .left .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkti-flex-wrap: wrap;
	width: -webkit-calc(100% - 110px);
	width: calc(100% - 110px);
	position: relative;
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
	border-color: #DCDFE6;
}

.el-checkbox-button__inner,
.el-checkbox-button:first-child .el-checkbox-button__inner,
.el-checkbox-button:last-child .el-checkbox-button__inner {
	width: 90px;
	height: 36px;
	background: #F7FAFB;
	border-radius: 4px;
	border-left: 1px solid #DCDFE6;
	display: block;
	line-height: 36px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	color: #15191D;
	font-weight: normal;
}

.el-checkbox-button {
	margin-right: 10px;
}

.el-checkbox-button__inner:hover {
	color: #15191D;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
	background: #3181f60d;
	border: 1px solid #3181F6;
	color: #15191D;
	-webkit-box-shadow: none;
	        box-shadow: none;
	font-size: 14px;
	font-weight: nowrap;
}

.estimate01-l>li.area {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	padding: 14px 0 4px;
	border-bottom: 1px solid #ECF0F5;
}

.estimate01-l>li.area .left {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
}

.estimate01-l>li .amount,
.estimate01-l>li .left .category {
	line-height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-align-items: flex-end;
}

.estimate01-l>li.area .el-checkbox-button {
	margin-bottom: 10px;
}

.estimate01-l>li.area .info>.el-checkbox-button {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	        appearance: none !important;
}

input::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	        appearance: none !important;
}

input[type="number"] {
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
	        appearance: textfield;
}

/* estimatemask */
.estimatemask {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 11;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	opacity: 0;
	visibility: hidden;
}

.estimatemask.open {
	opacity: 1;
	visibility: visible;
}

/* estimatemask-c */
.estimatemask-c {
	width: 680px;
	background-color: #ffffff;
	border-radius: 4px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

/* estimatemask-cl */
.estimatemask-cl {
	width: 260px;
	background-color: #F0F0FF;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 56px 30px 40px;
}

.estimatemask-cr .close {
	position: absolute;
	right: 30px;
	top: 20px;
}

.estimatemask-cl .text {
	margin-bottom: 100px;
}

.estimatemask-cl .text h3 {
	font-size: 24px;
	color: #15191D;
	line-height: 32px;
	margin-bottom: 12px;
}

.estimatemask-cl .text h4 {
	font-size: 14px;
	color: #2F4759;
	line-height: 22px;
	text-align: justify;
}

.estimatemask-cl .imgbox {
	width: 100%;
}

.estimatemask-cl .imgbox img {
	width: 100%;
}

/* estimatemask-cr */
.estimatemask-cr {
	width: -webkit-calc(100% - 260px);
	width: calc(100% - 260px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 40px 60px;
}

.estimatemask-cr .first {
	width: 100%;
}

.estimatemask-cr .first h3 {
	font-size: 24px;
	color: #15191D;
	text-align: center;
	margin-bottom: 30px;
}

/* formlist */
.estimatemask-cr .first .formlist {
	width: 100%;
}

.estimatemask-cr .first .formlist label {
	display: block;
	position: relative;
	margin-bottom: 12px;
}

.estimatemask-cr .first .formlist label span {
	font-size: 12px;
	color: #f00;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -6px;
	display: none;
}

.estimatemask-cr .first .formlist label span.iserror {
	display: block;
}

.estimatemask-cr .first .formlist label span.istel {
	display: block;
}

.estimatemask-cr .first .formlist input {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #EAEAEA;
	border-radius: 6px;
	padding: 0 10px;
	height: 40px;
	color: #15191D;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.estimatemask-cr .first .formlist input::-webkit-input-placeholder {
	color: #999999;
}

.estimatemask-cr .first .formlist input::-moz-placeholder {
	color: #999999;
}

.estimatemask-cr .first .formlist input:-ms-input-placeholder {
	color: #999999;
}

.estimatemask-cr .first .formlist input::-ms-input-placeholder {
	color: #999999;
}

.estimatemask-cr .first .formlist input::placeholder {
	color: #999999;
}

.estimatemask-cr .first .formlist .sub {
	width: 100%;
	height: 40px;
	background-color: #5C6F7B;
	border-radius: 6px;
	color: #fff;
	border: none;
	font-size: 16px;
	margin-top: 18px;
}

/*.estimatemask-cr .first .formlist .sub:hover{background-color: #234154;}*/
.estimatemask-cr .first .formlist p {
	font-size: 12px;
	color: #949CA3;
	margin-top: 8px;
}

/* result */
.estimatemask-cr .result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	height: 100%;
	width: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
}

.estimatemask-cr .result img {
	margin: auto;
	display: block;
}

.estimatemask-cr .result h3 {
	font-size: 20px;
	color: #15191D;
	text-align: center;
	margin: 20px 0 10px;
}

.estimatemask-cr .result p {
	font-size: 14px;
	color: #767B7F;
	text-align: center;
	margin-bottom: 30px;
}

.estimatemask-cr .result .handok {
	width: 160px;
	height: 40px;
	background-color: #234154;
	border-radius: 4px;
	color: #fff;
	border: none;
	margin: auto;
}


/* commwrap */
.commwrap {
	width: 100%;
	position: relative;
	background: #FDFBF6;
	padding-top: 148px;
	padding-bottom: 1px;
}

/* comm-bwrap */
.comm-bwrap {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	padding-bottom: 100px;
	z-index: 1;
}

.comm-b {
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-align-items: flex-end;
}

.comm-bl {
	width: -webkit-calc(100% - 400px);
	width: calc(100% - 400px);
	margin-right: -176px;
	position: relative;
	z-index: 1;
}

.comm-bl .tl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
}

.comm-bl h1 {
	font-size: 56px;
	color: #15191D;
	font-weight: bold;
	white-space: nowrap;
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 14px 10px;
	line-height: 72px;
	z-index: 0;
}

.comm-bl h1 img.img01 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.comm-bl h1 img.img02 {
	position: absolute;
	right: -25px;
	top: -5px;
}

.comm-bl p {
	font-size: 20px;
	color: #4F5861;
	line-height: 28px;
	margin-bottom: 40px;
}

.comm-bl .imgbox {
	width: 160px;
	height: 160px;
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 20px;
	background-color: #fff;
}

.comm-bl .imgbox>.bg {
	width: 100%;
	height: 100%;
}

.comm-bl .imgbox .jt {
	position: absolute;
	left: 95%;
	bottom: 70px;
}

.comm-br {
	width: 576px;
	position: relative;
	z-index: 0;
}

.comm-br img {
	width: 100%;
}

/* comm01 */
.comm01wrap {
	margin: auto;
	margin-bottom: 140px;
	position: relative;
	z-index: 0;
}

.comm01wrap .qqbox {
	width: 718px;
	height: 718px;
	opacity: 0.04;
	background: #076CFF;
	-webkit-filter: blur(50px);
	        filter: blur(50px);
	border-radius: 50%;
	position: absolute;
	right: -20%;
	z-index: 0;
	top: -100%;
}

.comm01 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	background-color: #fff;
	border-radius: 20px;
	position: relative;
}

.comm01 li {
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	padding: 40px 50px;
	position: relative;
}

.comm01 li::after {
	content: '';
	display: block;
	width: 1px;
	height: 60px;
	background-color: #F2EFE9;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -30px;
}

.comm01 li:last-child::after {
	display: none;
}

.comm01 li .imgbox {
	width: 60px;
}

.comm01 li .imgbox img {
	width: 100%;
}

.comm01 li .text {
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 20px;
}

.comm01 li .text .numfont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-align-items: flex-end;
	padding-bottom: 10px;
}

.comm01 li .text .numfont h2 {
	font-size: 40px;
	color: #15191D;
	font-family: DINAlternateBold;
}

.comm01 li .text .numfont span,
.comm01 li .text .numfont p {
	font-size: 30px;
	color: #15191D;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-align-items: flex-end;
	font-family: PingFang SC;
}

.comm01 li .text .numfont span {
	font-size: 50px;
	font-family: DINAlternateBold;
}

.comm01 li .text .numfont p {
	margin-bottom: 12px;
}

.comm01 li .text .numfont span::after,
.comm01 li .text .numfont p:after {
	content: '+';
	font-size: 32px;
	font-family: DINAlternateBold;
	margin-bottom: 4px;
}

.comm01 li .text .numfont p:after {
	margin-bottom: -7px;
}

.comm01 li .text p {
	font-size: 16px;
	color: #4F5861;
	line-height: 24px;
}

/* comm02wrap */
.comm02wrap {
	margin: 140px auto;
}

.comm02wrap .tl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
}

.comm02wrap .tl h3 {
	font-size: 44px;
	color: #15191D;
	font-weight: 600;
	position: relative;
	z-index: 0;
}

.comm02wrap .tl h3 img {
	-webkit-transform: translateX(-18px);
	    -ms-transform: translateX(-18px);
	        transform: translateX(-18px);
	display: block;
	margin-top: -8px;
}

/* comm02 */
.comm02 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-top: 60px;
}

.comm02 .item {
	width: -webkit-calc((100% - 60px)/3);
	width: calc((100% - 60px)/3);
	border-radius: 20px;
	overflow: hidden;
	background-color: #FFF1BA;
	margin-bottom: 20px;
}

.comm02 .item.item02 {
	background-color: #FFE4CE;
}

.comm02 .item.item03 {
	background-color: #AAE3FF;
}

.comm02 .item .imgbox {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	height: 180px;
}

.comm02 .item .imgbox img {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.comm02 .item:hover .imgbox img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.comm02 .item .text {
	width: 100%;
	background-color: #fff;
	border-radius: 20px;
	padding: 40px 20px;
}

.comm02 .item .text>h3 {
	font-size: 20px;
	color: #15191D;
	line-height: 28px;
	margin-bottom: 10px;
	font-weight: 500;
}

.comm02 .item .text .list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	height: 32px;
}

.comm02 .item .text .list h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	font-size: 24px;
	color: #15191D;
	font-family: DINAlternateBold;
}

.comm02 .item .text .list h3 img {
	width: auto;
	height: 18px;
	margin-right: 9px;
}

.comm02 .item .text .list h3 span {
	font-size: 14px;
	color: #4F5861;
	margin-left: 4px;
	font-family: PingFang SC;
	white-space: nowrap;
}

.comm02 .item .text .list .line {
	width: 1px;
	height: 17px;
	background-color: #E8EEF2;
	margin: 0 20px;
}

/* comm03wrap */
.comm03wrap {
	width: 1380px;
	;
	margin: auto;
	background-color: #FFD533;
	position: relative;
	border-radius: 60px;
	overflow: hidden;
	padding: 0 100px;
	padding-top: 100px;
	padding-bottom: 80px;
}

.comm03wrap>.bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	   object-fit: cover;
}

/* comm03 */
.comm03 {
	width: 100%;
	position: relative;
}

.comm03>h3 {
	font-size: 44px;
	color: #15191D;
	text-align: center;
	line-height: 62px;
	margin-bottom: 60px;
	font-weight: bold;
}

/* comm03min */
.comm03min {
	width: 100%;
}

.comm03min-l {
	width: 373px;
}

.comm03min-l li {
	background-color: rgba(255, 255, 255, 0.5);
	padding: 36px 34px;
	border: none;
}

.comm03min-l li.active {
	background-color: #fff;
	border: none;
}

.comm03min-l li .line {
	background-color: #EBC327;
}

.comm03min-l li .line::after {
	background-color: #234154;
}

.comm03min-l li h4 {
	display: block;
}

.comm03min-l li h3 {
	padding: 0;
	position: relative;
	z-index: 0;
	font-weight: bold;
}

.comm03min-l li h3 span {
	position: absolute;
	left: -10px;
	font-size: 48px;
	color: #FFD533;
	opacity: 0.4;
	bottom: 4px;
	z-index: -1;
	font-family: DINAlternateBold;
}

.comm03min-l li h4 {
	padding: 0;
}

/* comm03min-r */
.comm03min-r {
	width: 100%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
}

/* comm04wrap */
.comm04wrap {
	margin: 140px auto;
}

.comm04wrap>h3 {
	font-size: 44px;
	color: #15191D;
	line-height: 62px;
	margin-bottom: 60px;
	font-weight: bold;
	text-align: center;
}

/* comm04 */
.comm04 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

.comm04 .item {
	width: -webkit-calc((100% - 60px)/3);
	width: calc((100% - 60px)/3);
	background-color: #fff;
	padding: 40px 30px;
	border-radius: 20px;
}

.comm04 .item .tl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	margin-bottom: 20px;
	position: relative;
}

.comm04 .item .tl .targ {
	background-color: rgba(255, 203, 0, 0.1);
	width: 60px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	color: #FFCB00;
	border-radius: 12px;
	position: absolute;
	right: 0;
}

.comm04 .item .tl .imgbox {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 16px;
}

.comm04 .item .tl .imgbox img {
	width: 100%;
}

.comm04 .item .tl .text h3 {
	font-size: 20px;
	color: #333333;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 10px;
	font-family: pingfb;
}

.comm04 .item .tl .text h4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	font-size: 18px;
	color: #15191D;
	font-weight: bold;
	font-family: DINAlternateBold;
}

.comm04 .item .tl .text h4 img {
	display: block;
	width: 16px;
	margin-right: 4px;
}

.comm04 .item .tl .text h4 span {
	font-size: 14px;
	color: #4F5861;
	font-weight: normal;
	margin-left: 2px;
	font-family: PingFang SC;
}

.comm04 .item .info {
	font-size: 14px;
	color: #4F5861;
	line-height: 22px;
	text-align: justify;
}



/* service-b */
.service-b {
	position: relative;
	width: 100%;
	height: 800px;
}

.service-b>.bg {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.service-b .text {
	position: absolute;
	left: 50%;
	top: 180px;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	text-align: center;
}

.service-b .text h3,
.service-b .text .h3 {
	font-size: 56px;
	color: #15191D;
	line-height: 68px;
	margin-bottom: 16px;
	font-weight: bold;
}

.service-b .text p {
	font-size: 20px;
	color: #4F5861;
}

.service01 {
	margin-top: -360px;
}

.service01 .tablistwrap {
	width: 100%;
	position: relative;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.service01 .tablistwrap.fixd {
	position: fixed;
	top: 64px;
	left: 0;
	z-index: 9;
}

.service01 .tablist {
	margin: auto;
	width: 1200px;
}

.service01 .tablist .item,
.service01 .tablist .item.item01,
.service01 .tabbg>div,
.service01 .tabbg>div,
.service01 .tabbg>div:first-child,
.service01 li .tl {
	width: -webkit-calc((100% - 60px)/4);
	width: calc((100% - 60px)/4);
}

.service01 .service01center {
	margin: auto;
	position: relative;
}

.service01 .tablist>.item .imgbox {
	width: 100%;
	height: 60px;
	margin-bottom: 30px;
}

.service01 .tablist .item {
	text-align: center;
}

.service01 .tablist .item .imgbox img {
	max-height: 100%;
}

.service01 .tablist .item h3 {
	font-size: 32px;
	color: #15191D;
	font-family: pingfb;
}

.service01 .tablist .item.item01 h3 {
	text-align: center;
}

.service01 .tablist .item .num {
	margin: 30px 0;
}

.service01 .tablist .item .num h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	height: 72px;
	font-weight: normal;
}

.service01 .tablist .item .num h3 {
	font-size: 14px;
	color: #15191D;
	margin-bottom: 0;
}

.service01 .tablist .item .num h3 p {
	font-size: 64px;
	color: #15191D;
	line-height: 64px;
	font-family: DINAlternateBold;
}

.service01 .tablist .item a {
	width: 220px;
	height: 48px;
	border: 2px solid #234154;
	border-radius: 24px;
}

.service01 .tablist .item .num>.box {
	width: 100%;
	height: 72px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
}

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

.service01min .list>p {
	text-align: left;
}

.service01min .list>.item {
	width: -webkit-calc((100% - 60px)/4);
	width: calc((100% - 60px)/4);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 30px;
	font-size: 14px;
	line-height: 22px;
	color: #15191D;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

.service01min .list::before {
	content: '';
	display: block;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	position: absolute;
	left: 10px;
	height: 100%;
	background: #3181f614;
	opacity: 0;
	top: 0;
	border-radius: 6px;
	z-index: -1;
}

.service01min .list:hover::before {
	opacity: 1;
}

.service01min li .list:first-child::before {
	display: none;
}

.service01min .list>.item font {
	display: block;
	width: 48px;
	height: 24px;
	border: 1px solid #DEE1FF;
	border-radius: 4px;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	color: #3181F6;
}

.service01 .tabbg {
	height: 110%;
}

/* service02wrap */
.service02wrap {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 100px 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F9FF), to(#ffffff00));
	background-image: -o-linear-gradient(top, #F7F9FF 0%, #ffffff00 100%);
	background-image: linear-gradient(180deg, #F7F9FF 0%, #ffffff00 100%);
	margin-top: 100px;
}

/* service02 */
.service02 {
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	position: relative;
	margin-top: 60px;
}

/* service02bg */
.service02bg {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.service02bg .item01 {
	width: 40%;
}

.service02bg .item02 {
	width: 65%;
	margin-left: -5%;
}

.service02bg .item img.bg {
	width: 100%;
	height: 100%;
	-o-object-fit: initial;
	   object-fit: initial;
	-webkit-transform: scaleY(1.07);
	    -ms-transform: scaleY(1.07);
	        transform: scaleY(1.07);
}

.service02bg .item {
	position: relative;
}

.service02bg .item img.icon {
	position: absolute;
	right: 0;
	bottom: 20px;
}

.service02 .vs {
	position: absolute;
	top: 50%;
	left: 32%;
	z-index: 1;
	margin-top: -70px;
}

/* service02-l */
.service02-l {
	width: 100%;
	padding: 30px 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.service02-l .list {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 8px 0;
	position: relative;
	z-index: 0;
}

.service02-l .list .tl {
	width: 28%;
	font-size: 28px;
	color: #FFFFFF;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 30px;
	margin-bottom: 10px;
}

.service02-l .list>.item {
	width: 28%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 30px;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
}

.service02-l .list::before {
	content: '';
	display: block;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	position: absolute;
	left: 10px;
	height: 100%;
	background: #ffffff14;
	opacity: 0;
	top: 0;
	border-radius: 6px;
	z-index: -1;
}

.service02-l .list:hover::before {
	opacity: 1;
}

.service02-l .list:first-child::before {
	display: none;
}

.service02-l .list>.item font {
	display: block;
	width: 48px;
	height: 24px;
	border: 1px solid #ffffff4d;
	border-radius: 4px;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	color: #fff;
}

.service02-l .list .tl:nth-of-type(1),
.service02-l .list>.item:nth-of-type(1) {
	width: 40%;
	padding-right: 110px;
}




/*20230919*/
.yb-brtext ul.m-ul {
	display: none;
}

.i-tlj02 h3.m-tl {
	display: none;
}

.ybchange01-m {
	display: none;
}

.m-tl {
	display: none;
}

.ybchange04-r.ybchange04-rm {
	display: none;
}

.ybchange05min .list>p.m-p>span {
	display: none;
}

.comm02-m {
	display: none;
}

.service01-m {
	display: none;
}

.estimate01-l>li .left .info.m-tl {
	display: none;
}

/*20230921*/
.yb-brtext ul li>img {
	width: 18px;
}

.ny-btext .morej {
	font-family: pingfb;
}

.yb-brtext ul li font {
	font-family: DINAlternateBold;
}

.ybchange01 .item>div .imgbox img {
	width: 24px;
}

.ybchange01,
.ybchange02min,
.ybchange05 {
	margin-top: 60px;
}

.ybchange02min {
	margin-top: 30px;
}

.ybchange02wrap {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#F8FAFF), to(#EBF0FF));
	background-image: -o-linear-gradient(bottom, #F8FAFF 0%, #EBF0FF 100%);
	background-image: linear-gradient(0deg, #F8FAFF 0%, #EBF0FF 100%);
}

.ybchange03 .item .bookimg {
	margin-top: -90px;
}

.ybchange03 {
	margin-top: 30px;
}

.ybchange03 .item .text-right h3 {
	font-weight: bold;
}

.ybchange03 .item {
	margin-top: 132px;
	margin-bottom: 0;
}

.ybchange03wrap {
	margin-bottom: 100px;
}

.ybchange04min {
	margin-top: 60px;
}

.ybchange04-l li h3>img {
	width: 24px;
}

.ybchange04-l li h3 {
	font-weight: normal;
}

.ybchange04-l li.active h3 {
	font-weight: 500;
}

.ybchange04-l li h4 {
	color: #4F5861;
}

.ybchange05 .tablist {
	margin-bottom: 21px;
}

.ybchange05min li .tl img {
	font-size: 24px;
}

.ybchange05min .list>p font {
	color: #4F5861;
}

.service01 {
	margin-top: -360px;
}

.gsmbx a i {
	font-size: 16px;
}

.estimatewrap {
	padding-top: 80px;
}

.estimate-b img {
	width: auto;
	margin: auto;
}

.estimate01 {
	margin-top: -134px;
}

.estimate-bmin {
	height: 100%;
}

.estimate-bmin .text {
	position: absolute;
	left: 0;
	bottom: 194px;
}

.estimate01-l,
.estimate01-r {
	-webkit-backdrop-filter: blur(10px);
	        backdrop-filter: blur(10px);
	background: #ffffffe6;
}

.estimate01-l>li .left h3:before {
	content: '';
	display: block;
	width: 2px;
	height: 14px;
	background: #3181F6;
	margin-right: 10px;
}

.estimate01-l>li .left h3 {
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	padding: 0;
}

.el-checkbox-button__inner,
.el-checkbox-button:first-child .el-checkbox-button__inner,
.el-checkbox-button:last-child .el-checkbox-button__inner,
.el-checkbox-button {
	border: 1px solid transparent;
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner,
.el-checkbox-button.is-checked .el-checkbox-button__inner {
	border: 1px solid #409EFF;
	font-family: pingfb;
}

.el-checkbox-button:hover .el-checkbox-button__inner {
	border-color: #3181F6;
}

.estimate01 {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
}

.estimate01-r .ewmlist p span {
	font-family: DINAlternateBold;
}

.estimate01-r .resultnum .button {
	border: none;
}


.tjbdjlt .tj_detail .right form .item .xx {
	top: 0;
	margin-top: 0;
}

.tjbdjlt .tj_detail .right form>p {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #949CA3;
	margin-top: 10px;
}

.tjbdjlt .tj_detail .right form button {
	float: none;
}

.estimate01-r .resultnum .button {
	cursor: no-drop;
	pointer-events: none;
}

.estimatemask-cr .first .formlist .sub {
	cursor: no-drop;
}

.estimate01-r .resultnum .button.btnbright,
.estimatemask-cr .first .formlist .sub.subbright {
	background-color: #234154;
	cursor: pointer;
	pointer-events: initial;
}

.estimatemask-cr .first h3,
.estimatemask-cl .text h3 {
	font-family: pingfb;
}

.estimatemask-cr .first .formlist input {
	background-color: transparent;
}

.service-b .text {
	top: 64px;
}

.service01 .tablist {
	width: 1180px;
}

.service01 .tablist .item .imgbox img {
	margin: auto;
}

.ybchange05 .tablist>.item {
	padding: 30px 30px 50px;
}

.service01 .tablist .item a {
	font-family: pingfb;
}

.ybchange05min li .tl img {
	width: 24px;
}

.ybchange05min li .list:first-child {
	margin-bottom: 2px;
}

.service02-l .list .tl {
	font-family: pingfb;
}

.service02-l .list>.item font {
	line-height: 24px;
}

.service02-l .list>.item span {
	display: block;
	line-height: 24px;
}

.comm-bl .imgbox {
	border-radius: 16px;
}

.comm-bl h1 {
	margin-left: -10px;
}

.comm01 li .text .numfont {
	padding-bottom: 3px;
}

.comm01 li {
	padding: 35px 50px 40px;
}

.comm01 li .text {
	padding-left: 24px;
}

.comm01 li .imgbox {
	margin-top: 10px;
}

.comm02 .item .imgbox {
	height: 160px;
}

.comm02 .item {
	margin-bottom: 30px;
}

.comm02wrap {
	margin-bottom: 110px;
}

.index07j-m {
	display: none;
}

.comm04 .item .tl .text h3 {
	margin-bottom: 4px;
}

.comm04 .item .tl .text h4 img {
	width: 14px;
}

.comm04 .item .tl .targ {
	top: 2px;
}

.nha h3 {
	font-family: pingfb;
}

.nha i {
	margin-top: 3px;
}

.lsbtitle {
	font-family: bold;
}

.ybchange05 .tablist>.item h3 br {
	display: none;
}

/*.estimatewrap{min-height: initial;}*/
.estimate-bmin .text {
	margin-top: 0;
}

.estimate-b img {
	margin-top: -40px;
}

.gsmbx {
	margin-top: 60px;
}

.estimate01-r .resultnum .button.btnbright:hover {
	background-color: #2F5770;
}

.estimatemask-c {
	overflow: hidden;
}

.estimatemask-cr .first .formlist input:disabled {
	background-color: #FCFCFD;
}

.service-b .text {
	top: 164px;
}

.ybchange05min {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ybchange05min.fixdcss {
	padding-top: 310px;
}

.estimatemask-cr .close {
	cursor: pointer;
}

.service02-l:before {
	content: '';
	display: block;
	width: 1px;
	background: #ffffff33;
	position: absolute;
	right: 29%;
	height: -webkit-calc(100% - 85px);
	height: calc(100% - 85px);
	top: 45px;
}

/*20230926*/
.ybchange05 .tablist>.item {
	padding-bottom: 30px;
}

.ybchange06 {
	margin-top: 40px;
}

.b-itemj .text a {
	font-family: pingfb;
}

.ass {
	display: block;
}

.ass .item {
	position: relative;
}

.ass .item:before {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.15);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -25px;
	margin-left: -25px;
	opacity: 0;
}

.ass .item:hover:before {
	opacity: 1;
}

.ass .item .ewmbox,
.ass .item .telbox {
	position: absolute;
	width: 170px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 20px 20px 12px;
	-webkit-box-shadow: 0 2px 20px 0 #2341540f, 0 20px 30px 0 #23415408;
	        box-shadow: 0 2px 20px 0 #2341540f, 0 20px 30px 0 #23415408;
	background-color: #fff;
	right: 76px;
	top: 0;
	border-radius: 10px;
}

.ass .item .boxshow {
	opacity: 0;
	visibility: hidden;
}

.ass .item .ewmbox img {
	display: block;
	width: 100%;
}

.ass .item .ewmbox p {
	font-size: 12px;
	color: #4F5861;
	text-align: center;
	line-height: 20px;
	margin-top: 8px;
}

.ass .item .ewmbox:before,
.ass .item .telbox:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left-color: #fff;
	position: absolute;
	right: -12px;
	top: 27px;
}

.ass .item .telbox {
	padding: 10px 16px;
}

.ass .item .telbox p {
	font-size: 12px;
	color: #4F5861;
	line-height: 20px;
}

.ass .item .telbox h3 {
	font-size: 20px;
	color: #15191D;
	line-height: 28px;
	font-family: DINAlternateBold;
}

.ass .item:hover .boxshow {
	opacity: 1;
	visibility: visible;
}

.ass .item .min img {
	margin: auto;
}

.ass .item .min p {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
}

.ass .item.m-tl {
	display: none;
}

.service01 .tablist .item h3 {
	margin-bottom: 0;
}

.service01 .tablist>.item>p {
	margin-top: 12px;
}

.service01 .tablist .item {
	padding: 40px 0;
}

.service01 .tablistwrap.fixd .tablist>.item .imgbox {
	display: none;
}

.service01 .tablistwrap.fixd .tablist>.item>p {
	display: none;
}

.innerpage a.imorea,
.lsbtitle,
.tjbd .tj_detail .right .tit,
.tjbd .tj_detail .left .p1,
.aaaaa,
.i9 .mdtop .morej {
	font-family: pingfb;
}

.tjbdjlt .form_main {
	overflow: hidden;
}

.tjbdjlt .tj_detail .right form .item .xx {
	line-height: 40px;
}

.ass i {
	opacity: 0.2;
}

.textcenter img {
	margin: auto;
}

.ybchange05 .tablist>.item.item02 a:hover {
	background-color: #2F5770;
	border-color: #2F5770;
}

.mt_10 {
	margin-top: 20px;
	font-family: pingfb;
}

.mt_5 {
	margin-top: 6px;
}

.case_main .part1 .part1_main .list {
	position: relative;
	z-index: 0;
}

.newatxt p {
	font-family: "PingFang SC", Helvetica, "Microsoft Yahei", Aria;
}

::-webkit-scrollbar {
	width: 0;
}

/* helpwrap */
.helpwrap {
	margin: auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-top: 64px;
}

.helpwrap .gsmbx {
	margin-top: 20px;
}

/* help */
.help {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	padding-bottom: 70px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 230px;
	padding-right: 100px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	position: relative;
	min-height: -webkit-calc(100vh - 84px);
	min-height: calc(100vh - 84px);
	margin-bottom: 30px;
}

/* help-l */
.help-l {
	width: -webkit-calc(230px + 20px);
	width: calc(230px + 20px);
	margin-top: 0;
	padding-top: 8px;
	position: fixed;
	top: 84px;
	left: -webkit-calc((100% - 1180px)/2);
	left: calc((100% - 1180px)/2);
	height: -webkit-calc(100vh - 84px);
	height: calc(100vh - 84px);
	overflow: hidden;
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: -5px;
}

.help-l::-webkit-scrollbar {
	width: 6px;
}

.help-l::-webkit-scrollbar-track {
	background-color: transparent;
}

.help-l::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #C0CAD1;
}

.help-l.help-l02 {
	position: absolute;
	bottom: 0;
	top: initial;
}

/* help-search */
.help-search {
	width: 230px;
	height: 36px;
	border: 1px solid #E5E9EC;
	border-radius: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 12px;
	margin-bottom: 14px;
}

.help-search img {
	width: 14px;
}

.help-search input {
	border: none;
	height: 100%;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	outline: none;
	color: #15191D;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 10px;
	cursor: pointer;
}

.help-search input:focus {
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #15191D;
}

/* help-lmin */
.help-lmin {
	width: 100%;
	border-left: 1px solid #eee;
}

.ax-menu.ax-no-padding>li>a {
	font-size: 16px;
	color: #15191D;
	height: 32px;
	line-height: 32px;
}

.ax-menu .ax-arrow {
	color: #536976;
	display: block;
	width: auto;
}

.ax-menu li:hover>a .ax-name,
.ax-menu li:hover>a .ax-arrow {
	color: initial;
}

.ax-menu.ax-no-padding>li>ul>li>a {
	padding-left: 0;
	height: 32px;
	line-height: 32px;
}

.ax-menu.ax-no-padding>li>ul>li>a>.ax-name img {
	width: 16px;
	position: absolute;
	left: 0;
}

.ax-menu.ax-no-padding>li>ul>li>a>.ax-name {
	padding-left: 28px;
	position: relative;
	font-size: 14px;
	color: #15191D;
}

.ax-menu.ax-no-padding>li>ul>li>ul>li>a {
	padding-left: 28px;
	font-size: 14px;
	color: #333;
	line-height: 32px;
	height: 32px;
}

.ax-menu.ax-no-padding>li>ul>li>ul>li>a span {
	padding-left: 28px;
	position: relative;
}

.ax-menu.ax-no-padding>li>ul>li>ul>li>a span img {
	width: 16px;
	position: absolute;
	left: 0;
}

.ax-menu>li>.ax-collapse {
	margin-bottom: 12px;
}

.ax-menu>li>a .ax-name {
	font-family: pingfb;
}

.ax-menu.ax-style-line a[aria-expanded="childless"]:before {
	background-color: #F5F6F7;
	border-radius: 4px;
	width: -webkit-calc(100% + 12px);
	width: calc(100% + 12px);
	left: -6px;
}

.ax-menu a[aria-expanded="childless"] {
	background-color: transparent;
}

.ax-menu li:hover>a[aria-expanded="childless"] .ax-name,
.ax-menu li:hover>a[aria-expanded="childless"] .ax-legend {
	color: initial;
}

.ax-menu>li .towmuen {
	display: none;
}



.help-lminnum .first .d-firstNav span {
	font-size: 16px;
	color: #15191D;
	height: 32px;
	line-height: 32px;
	font-family: pingfb;
}

.help-lminnum .first .d-secondNav {
	padding-left: 28px;
	position: relative;
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

.help-lminnum .first .d-secondNav img {
	width: 16px;
	position: absolute;
	left: 0;
}

.help-lminnum .first .d-secondNav span {
	font-size: 14px;
	color: #333;
	line-height: 32px;
	height: 32px;
}

.help-lminnum .first .d-secondDrop {
	padding-left: 28px;
	position: relative;
}

.help-lminnum .first .d-secondDrop a {
	padding-left: 28px;
	position: relative;
	font-size: 14px;
	color: #333;
	line-height: 32px;
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

.help-lminnum .first .d-secondDrop a img {
	width: 16px;
	position: absolute;
	left: 0;
}

.s-secondNav:hover,
.d-firstNav:hover {
	background-color: initial;
}

/* help-c */
.help-c {
	width: 750px;
}

.help-c .tl {
	margin-bottom: 30px;
	border-bottom: 1px solid #F1F1F5;
	padding-bottom: 20px;
}

.help-c .tl h3 {
	font-size: 36px;
	color: #15191D;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 10px;
}

.help-c .tl .data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

.help-c .tl .data p {
	font-size: 14px;
	color: #666666;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
}

.help-c .tl .data p img {
	width: 14px;
	margin-right: 8px;
}

.help-c .tl .data span {
	font-size: 14px;
	color: #15191D;
}

/* help-cmin */
.help-cmin {
	width: 100%;
}

.help-cmin .item {
	width: 100%;
}

.help-cmin .item h3 {
	font-size: 24px;
	color: #15191D;
	margin-bottom: 10px;
	font-weight: bold;
}

.help-cmin .item p {
	font-size: 14px;
	color: #333;
	line-height: 22px;
	text-align: justify;
	margin-bottom: 20px;
}

.help-cmin .item img {
	max-width: 100%;
	margin: auto;
}

.help-cmin .item .ab {
	width: 100%;
	height: 80px;
	display: block;
	margin-top: -80px;
}

.help-c li {
	list-style: disc;
	width: clac(100% - 15px);
	margin-left: 15px;
}

/* helppage */
.helppage {
	width: 100%;
	border-top: 1px solid #F1F1F5;
	padding-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-top: 40px;
}

.helppage a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	font-size: 14px;
	color: #15191D;
}

.helppage a i {
	font-size: inherit;
	color: inherit;
}

.helppage a:first-child i {
	margin-right: 12px;
}

.helppage a:last-child i {
	margin-left: 12px;
}

/* help-r */
.help-r {
	width: 100px;
	margin-top: 4px;
	position: fixed;
	right: -webkit-calc((100% - 1180px)/2);
	right: calc((100% - 1180px)/2);
	top: 84px;
}

.help-r>h3 {
	font-size: 16px;
	color: #333333;
	font-family: pingfb;
	padding-bottom: 14px;
	border-bottom: 1px solid #F1F1F5;
	margin-bottom: 6px;
}

.help-r .list {
	width: 100%;
}

.help-r .list a {
	font-size: 14px;
	color: #15191D;
	line-height: 36px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 6px;
	border-radius: 4px;
	display: block;
	margin-bottom: 1px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.help-r .list a.active {
	background: #F5F6F7;
	color: #3181F6;
}

/*.help-r.ab{position: absolute;bottom: 0;right: 0;top:initial;}*/

/* searchmaskwrap */
.searchmaskwrap {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 111;
	background-color: rgba(0, 0, 0, 0.5);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	opacity: 0;
	visibility: hidden;
}

.searchmaskwrap.show {
	opacity: 1;
	visibility: visible;
}

/* searchmask */
.searchmask {
	width: 680px;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
}

/* searchmask-top */
.searchmask-top {
	width: 100%;
	position: relative;
	padding: 30px 30px 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.searchmask-top .closebtn {
	position: absolute;
	right: 16px;
	top: 16px;
}

/* search */
.searchmask-top .search {
	width: 100%;
	height: 36px;
	border: 1px solid #E5E9EC;
	border-radius: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkti-align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 12px;
}

.searchmask-top .search .serimg {
	width: 14px;
}

.searchmask-top .search input {
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
	border: none;
	height: 100%;
	outline: none;
	font-size: 14px;
	color: #15191D;
}

.searchmask-top .search input:focus {
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.searchmask-top .search .del {
	width: 14px;
	opacity: 0;
	visibility: hidden;
}

.searchmask-top .search .del.show {
	opacity: 1;
	visibility: visible;
}

.searchmask-top .search .del img {
	width: 100%;
}

/* searchmask-listwrap */
.searchmask-listwrap {
	width: 100%;
	background-color: #F7FAFB;
	padding: 10px 30px 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 382px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webikit-align-items: center;
	-webkit-justify-content: center;
}

/* searchmask-list */
.searchmask-list {
	width: 100%;
	height: 342px;
	overflow: auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-right: 0;
	display: none;
}

.searchmask-list .item {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 16px 20px;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 10px;
	display: block;
	height: 78px;
}

.searchmask-list .item:last-child {
	margin-bottom: 0;
}

.searchmask-list .item .tl {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 26px;
	position: relative;
	margin-bottom: 2px;
}

.searchmask-list .item .tl img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 18px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.searchmask-list .item p {
	font-size: 16px;
	color: #15191D;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.searchmask-list .item h4 {
	font-size: 12px;
	color: #92929E;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 26px;
	line-height: 20px;
}

.searchmask-list::-webkit-scrollbar {
	width: 6px;
	background-color: #fff;
}

.searchmask-list::-webkit-scrollbar-track {
	background-color: #F7FAFB;
}

.searchmask-list::-webkit-scrollbar-track-piece {
	background-color: transparent;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.searchmask-list::-webkit-scrollbar-thumb {
	width: 100%;
	border-radius: 3px;
	background-color: #C0CAD1;
}

/* searchover */
.searchover {
	display: block;
}

.searchover img {
	margin: auto;
}

.searchover p {
	font-size: 14px;
	color: #92929E;
	text-align: center;
	margin-top: 12px;
}

/*20231108*/
.sidebar-nav002 {
	position: relative;
	right: 0;
	background-color: transparent;
}

.sidebar-nav .sidebar-brand .a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 0;
	cursor: pointer;
	position: relative;
}

.sidebar-nav .sidebar-brand .a a {
	font-size: 16px;
	color: #15191D;
	line-height: 32px;
	font-family: pingfb;
	width: 100%;
	position: relative;
	z-index: 1;
}

.sidebar-nav .sidebar-brand .a:hover a {
	color: #3181F6;
}

.sidebar-nav .sidebar-brand .sidebar-brand-two .a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 0;
	position: relative;
}

.sidebar-nav .sidebar-brand .sidebar-brand-two .a a {
	font-size: 14px;
	color: #15191D;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 0;
	display: -webkit-box;
	display: block !important;
	font-weight: normal;
	position: relative;
	font-family: PingFang SC;
	white-space: nowrap;
	  overflow: hidden;
	  	-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
}

.sidebar-nav .sidebar-brand .sidebar-brand-two .a a img {
	width: 16px;
	position: absolute;
	left: 0;
	top: 8px;
}

.sidebar-nav .sidebar-brand .sidebar-nav-there {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 14px;
	list-style: none !important;
}

/*.sidebar-nav .sidebar-brand .sidebar-brand-two .a.activ02{background-color: #F5F6F7;}*/
.sidebar-nav .sidebar-brand .sidebar-brand-two .a:before,
.sidebar-nav .sidebar-brand .a:before {
	content: '';
	display: block;
	width: -webkit-calc(100% + 12px);
	width: calc(100% + 12px);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #F5F6F7;
	border-radius: 4px;
	left: -6px;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.sidebar-nav .sidebar-brand .sidebar-brand-two .a.activ02:before,
.sidebar-nav .sidebar-brand .sidebar-brand-two .a:hover:before,
.sidebar-nav .sidebar-brand .a:hover:before,
.sidebar-nav .sidebar-brand .sidebar-brand-two .a,
.sidebar-nav .sidebar-brand .sidebar-brand-two .a.a02:hover:before {
	opacity: 1;
}

.sidebar-nav .sidebar-brand .sidebar-brand-two .a.activ02 a,
.sidebar-nav .sidebar-brand .sidebar-brand-two .a:hover a,
.sidebar-nav .sidebar-brand .sidebar-brand-two .a.a02:hover a {
	font-family: PingFang SC;
	color: #3181F6;
}

.sidebar-nav .sidebar-brand .sidebar-brand-two .a.a02:before {
	opacity: 0;
}

.sidebar-nav .sidebar-brand .sidebar-brand-two .a.a02 a {
	color: #15191D;
	font-family: PingFang SC;
}

.sidebar-nav .sidebar-brand .a .sj {
	width: auto;
	-ms-transform: rotate(0);
	    transform: rotate(0);
	-webkit-transform: rotate(0);
	height: auto;
	border: none;
}

.sidebar-nav .sidebar-brand .a.activ02 .sj {
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.sidebar-nav002>li {
	margin-bottom: 5px;
}

/*.sidebar-nav .sidebar-brand .a.activ .sj,*/

.sidebar-nav .sidebar-brand .xl {
	margin: 8px 0;
}

.sidebar-nav .sidebar-brand .xl .sidebar-brand-two {
	margin-bottom: 1px;
}

.sidebar-nav .sidebar-brand .isExpanded {
	display: block;
}

.shoujimuen {
	display: none;
}

body.hide {
	overflow: hidden;
}

@media only screen and (max-width: 1600px) {
	.b-botj {
		position: relative;
	}

	.b-pagej {
		bottom: 26%;
	}

	.centerj {
		width: 1180px;
	}

	.disflex.i3wimg .img1 {
		width: 100%;
		margin: auto;
	}

	.i2w .i2ico {
		top: -90px;
		right: -20px;
	}

	.i3ico2 {
		right: -25px;
		top: -60px;
	}

	.sample02jwrap {
		width: 1200px;
	}

	.sample02j .sampletext {}

	.sample02j {
		padding: 80px 60px 0;
	}

	.sample02j .sampletext {
		padding-bottom: 50px;
	}

	.sample02j .sampletext .morej {
		margin-top: 50px;
	}

	.sampleimg,
	.pro01wrapj .proitemj:last-child .sampleimg {
		width: 55%;
	}

	.sampletext {
		width: 45%;
	}

}

/* 海外调研页面新增样式 */

/* Banner区域样式 */
.overseas-banner {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4E84FF), color-stop(0%, #E6EAFF), to(#FCFDFF));
	background-image: -o-linear-gradient(top, #4E84FF 0%, #E6EAFF 0%, #FCFDFF 100%);
	background-image: linear-gradient(180deg, #4E84FF 0%, #E6EAFF 0%, #FCFDFF 100%);
	position: relative;
	overflow: hidden;
	height: 650px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.overseas-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('https://assets.surveyplus.cn/official/static/modules/newcms/images/banner-overseas-sample.svg') no-repeat center;
	background-size: cover;
	z-index: 1;
}

/* PC端保持原有背景 */
@media (min-width: 769px) {
	.overseas-banner {
		background-image: none !important;
	}
}

.overseas-banner .ny-banner {
	position: relative;
	z-index: 2;
	width: 100%;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.overseas-banner .morej.fxxkBtn {
	width: 160px;
	height: 64px;
	background: #FFFFFF !important;
	-webkit-box-shadow: 0 10px 24px 0 #13148333;
	        box-shadow: 0 10px 24px 0 #13148333;
	border-radius: 32px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-decoration: none;
	color: #234154!important;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.overseas-banner .morej.fxxkBtn:hover {
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	-webkit-box-shadow: 0 15px 30px 0 #13148344;
	        box-shadow: 0 15px 30px 0 #13148344;
}

.overseas-banner .ny-btext {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.overseas-banner .h3 {
	width: 846px;
	height: 68px;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	font-size: 56px;
	color: #fff;
	letter-spacing: 0;
	text-align: center;
	line-height: 68px;
	margin: 0 auto 16px;
}

.overseas-banner .banner-desc {
	width: 608px;
	height: 28px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 28px;
	margin: 0 auto;
}

.overseas-banner .link {
	margin-top: 40px;
	text-align: center;
}

.overseas-banner .morej {
	width: 160px;
	height: 64px;
	background: #FFFFFF;
	-webkit-box-shadow: 0 10px 24px 0 #13148333;
	        box-shadow: 0 10px 24px 0 #13148333;
	border-radius: 32px;
	color: #234154;
	font-size: 18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.overseas-banner .morej:hover {
	background: #F8FAFF;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	-webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
}

/* 特色卡片区域样式 */
.feature-cards-wrap {
	height: 717px;
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}

/* PC端隐藏移动端feature-cards */
.feature-cards-mobile {
	display: none;
}

.feature-cards-header {
	text-align: center;
	margin: 100px auto 60px;
}

.feature-cards-header h2 {
	width: 836px;
	height: 62px;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	font-size: 44px;
	color: #234154;
	letter-spacing: 0;
	text-align: center;
	line-height: 62px;
	margin:0 auto 10px auto;
}

.feature-cards-header p {
	width: 756px;
	height: 27px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 18px;
	color: #949CA3;
	letter-spacing: 0;
	text-align: center;
	line-height: 28px;
	margin: 0 auto;
}

.feature-cards {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 30px;
	max-width: unset;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.feature-card {
	width: 373px;
	height: 358px;
	background-image: -o-linear-gradient(317deg, #F6F8FF 0%, #FBFDFF 100%);
	background-image: linear-gradient(133deg, #F6F8FF 0%, #FBFDFF 100%);
	border-radius: 20px;
	padding: 40px 30px 60px;
	text-align: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.feature-card:nth-child(1) {
	background-color: #F2F4FE;
	background-image: url('https://assets.surveyplus.cn/official/static/modules/newcms/images/bg-feature-3.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.feature-card:nth-child(2) {
	background-color: #FEF9F2;
	background-image: url('https://assets.surveyplus.cn/official/static/modules/newcms/images/bg-feature-2.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.feature-card:nth-child(3) {
	background-color: #F1F4FE;
	background-image: url('https://assets.surveyplus.cn/official/static/modules/newcms/images/bg-feature-1.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.card-icon {
	width: 80px;
	height: 80px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	border-radius: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
	background: white;
}

.card-icon img {
	width: 48px;
	height: 48px;
	-o-object-fit: contain;
	   object-fit: contain;
}

.feature-card h3 {
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 28px;
color: #234154;
letter-spacing: -0.4px;
line-height: 38px;
margin-bottom: 16px;
}

.feature-card p {
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 18px;
color: #4F5861;
letter-spacing: 0;
text-align: justify;
line-height: 26px;
}

/* 全球覆盖区域样式 */
.global-coverage-wrap {
	height: 900px;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8FAFF), to(#EBF0FF));
	background: -o-linear-gradient(top, #F8FAFF 0%, #EBF0FF 100%);
	background: linear-gradient(180deg, #F8FAFF 0%, #EBF0FF 100%);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.global-coverage {
	position: relative;
	width: 100%;
	height: 100%;
}

.global-coverage-bg {
	position: relative;
	text-align: center;
	width: 100%;
	height: 100%;
}

.global-coverage-bg img {
	max-width: unset;
	width: 1000px;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top: 135px;
}

.global-coverage-bg .pc-tl {
	display: block;
}

.global-coverage-bg .m-tl {
	display: none;
}

@media (max-width: 768px) {
	.global-coverage-bg .pc-tl {
		display: none;
	}
	
	.global-coverage-bg .m-tl {
		display: block;
	}
}

.global-coverage-content {
	position: absolute !important;
	top: 100px !important;
	left: 50% !important;
	-webkit-transform: translateX(-50%) !important;
	    -ms-transform: translateX(-50%) !important;
	        transform: translateX(-50%) !important;
	text-align: center;
	width: 100%;
	padding: 0 20px;
	z-index: 2;
}

.global-coverage-content h3 {
	width: 758px;
	height: 56px;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	font-size: 44px;
	color: #234154;
	letter-spacing: 0;
	text-align: center;
	line-height: 56px;
	margin: 0 auto 10px;
	display: block;
	white-space: nowrap;
}

.global-coverage-content .pc-tl {
	display: block;
}

.global-coverage-content .m-tl {
	display: none;
}

@media (max-width: 768px) {
	.global-coverage-content .pc-tl {
		display: none;
	}
	
	.global-coverage-content .m-tl {
		display: block;
	}
}

.global-coverage-content p {
	width: 1180px;
	height: auto;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 16px;
	color: #3C434B;
	letter-spacing: -1px;
	text-align: center;
	line-height: 24px;
	margin: 0 auto 30px;
	display: block;
}

.global-coverage-content .morej {
	display: inline-block;
	width: 120px;
	height: 54px;
	background: #234154;
	margin: 0 auto;
	border: 0;
	border-radius: 32px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	margin-top: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.global-coverage-content .morej:hover {
	background: #1a2f3a;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	-webkit-box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
	        box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
}

.global-map {
	position: relative;
	text-align: center;
}

.global-map .world-map {
	max-width: 100%;
	height: auto;
}

.country-labels {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.country-label {
	position: absolute;
	background: rgba(35, 65, 84, 0.8);
	color: white;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	white-space: nowrap;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.global-map .morej {
	margin-top: 30px;
	display: inline-block;
}

/* 人群多样化区域样式 */
.demographics-wrap {
	height: 1344px;
	background: #FFFFFF;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding-top: 100px;
}

.demographics-content {
	text-align: center;
	margin-bottom: 30px;
}

.demographics-content h3 {
	font-size: 44px;
	color: #234154;
	text-align: center;
	margin-bottom: 10px;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
}

.demographics-content p {
	font-size: 16px;
	color: #949CA3;
	line-height: 1.6;
	margin-bottom: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.demographics-content .morej {
	display: inline-block;
	width: 120px;
	height: 54px;
	background: #234154;
	border: 0;
	border-radius: 32px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	margin: 0 auto;
}

.demographics-content .morej:hover {
	background: #1a2f3a;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	-webkit-box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
	        box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
}


.demographics-charts img {
	height: 980px;
	width: auto;
	display: block;
	margin: 0 auto;
}


.chart-item {
	text-align: center;
}

.chart-container {
	background: white;
	border-radius: 12px;
	padding: 30px;
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	height: 200px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.chart-circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: relative;
	margin-bottom: 15px;
}

.gender-chart {
	background: conic-gradient(#3181F6 0deg 180deg, #E3F2FD 180deg 360deg);
}

.education-chart {
	background: conic-gradient(#4CAF50 0deg 120deg, #81C784 120deg 240deg, #E8F5E8 240deg 360deg);
}

.income-chart {
	background: conic-gradient(#FF9800 0deg 120deg, #FFB74D 120deg 240deg, #FFF3E0 240deg 360deg);
}

.region-chart {
	background: conic-gradient(#9C27B0 0deg 180deg, #E1BEE7 180deg 360deg);
}

.chart-bar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: end;
	    -ms-flex-align: end;
	        align-items: end;
	gap: 8px;
	height: 60px;
	margin-bottom: 15px;
}

.bar {
	width: 20px;
	background: -webkit-gradient(linear, left bottom, left top, from(#3181F6), to(#64B5F6));
	background: -o-linear-gradient(bottom, #3181F6, #64B5F6);
	background: linear-gradient(to top, #3181F6, #64B5F6);
	border-radius: 4px 4px 0 0;
	min-height: 10px;
}

.chart-label {
	font-size: 16px;
	color: #234154;
	font-weight: 500;
}

/* 标签丰富区域样式 */
.rich-tags-wrap {
	width: 100%;
	padding: 100px 0;
	background: #F8FAFF;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.rich-tags-content {
	text-align: center;
	max-width: 800px;
	padding: 0 20px;
	margin-bottom: 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.rich-tags-content h3 {
	font-size: 44px;
	color: #234154;
	text-align: center;
	margin-bottom: 10px;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
}

.rich-tags-content p {
	font-size: 16px;
	color: #949CA3;
	line-height: 1.6;
	margin-bottom: 30px;
	text-align: center;
	white-space: nowrap;
}

.rich-tags-content .morej {
	display: inline-block;
	width: 120px;
	height: 54px;
	background: #234154;
	border: 0;
	border-radius: 32px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 auto;
}

.rich-tags-content .morej:hover {
	background: #1a2f3a;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	-webkit-box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
	        box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
}

/* 用户档案卡片样式 */
.user-profiles {
	position: relative;
	width: 1180px;
	height: 790px;
	margin: 0 auto;
}

.profile-item {
	width: 272.5px;
	height: 380px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px;
	padding: 30px;
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	position: absolute;
}

/* 第一行卡片定位 */
.profile-item:nth-child(1) {
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.profile-item:nth-child(2) {
	top: 0;
	left: 300px;
}

.profile-item:nth-child(3) {
	top: 0;
	right: 300px;
}

/* 第二行卡片定位 */
.profile-item:nth-child(4) {
	bottom: 0;
	left: 300px;
}

.profile-item:nth-child(5) {
	bottom: 0;
	right: 300px;
}

.profile-item:nth-child(6) {
	bottom: 50%;
	-webkit-transform: translateY(50%);
	    -ms-transform: translateY(50%);
	        transform: translateY(50%);
	right: 0;
}

.profile-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: -o-linear-gradient(271deg, #22243400 54%, #1D1F2F 99%);
	background-image: linear-gradient(179deg, #22243400 54%, #1D1F2F 99%);
	border-radius: 20px;
	z-index: 1;
}

.profile-info {
	position: relative;
	z-index: 2;
	text-align: left;
}

.profile-item:hover {
	-webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.profile-item:hover::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(24, 31, 61, 0.3);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 20px;
	z-index: 3;
}

/* 悬停内容样式 */
.profile-hover-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px 25px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	z-index: 4;
}

.profile-item:hover .profile-hover-content {
	opacity: 1;
}

.profile-item:hover .profile-info {
	opacity: 0;
}

.quote-text {
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	margin-bottom: 15px;
	line-height: 1.4;
	text-align: left;
}

.quote-chinese {
	font-size: 12px;
	color: #fff;
	margin-bottom: 30px;
	line-height: 1.4;
	text-align: left;
}

.chart-image {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.chart-image img {
	max-width: 100%;
	height: auto;
}


.profile-info {
	text-align: center;
}

.profile-label {
	font-size: 24px;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 8px;
}

.profile-details {
	font-size: 14px;
	color: #CCCCCC;
	line-height: 1.4;
	text-align: left;
}

.rich-tags-wrap .i-tlj {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 50px;
}

.rich-tags-wrap .i-tlj h3 {
	font-size: 36px;
	color: #234154;
	font-weight: 500;
}

.user-profiles {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 40px;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

/* PC端隐藏移动端用户画像 */
.user-profiles-mobile{
	display: none;
}

/* PC端显示PC版推荐调研家视觉元素，隐藏移动端版本 */
.recommendations-visual-pc{
	display: block;
}

.recommendations-visual-mobile{
	display: none;
}

.profile-item {
	text-align: center;
}

.profile-avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: white;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 auto 15px;
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.profile-avatar img {
	width: 40px;
	height: 40px;
}

.profile-label {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
}

/* 三步流程区域样式 */
.three-steps-wrap {
	width: 100%;
	padding: 100px 0;
	background: white;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.three-steps-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	max-width: 600px;
	padding: 0 20px;
	margin-bottom: 60px;
}

.three-steps-content h3 {
	width: 528px;
	height: 62px;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	font-size: 44px;
	color: #234154;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 10px;
}

.three-steps-content p {
	width: 756px;
	height: 27px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 18px;
	color: #949CA3;
	letter-spacing: 0;
	text-align: center;
	line-height: 28px;
	margin-bottom: 30px;
}

.three-steps-content .morej {
	display: inline-block;
	width: 120px;
	height: 54px;
	background: #234154;
	border: 0;
	border-radius: 32px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 auto;
}

.three-steps-content .morej:hover {
	background: #1a2f3a;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	-webkit-box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
	        box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
}

.three-steps-wrap .i-tlj {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 50px;
}

.three-steps-wrap .i-tlj h3 {
	font-size: 36px;
	color: #234154;
	font-weight: 500;
}

.three-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	max-width: 1200px;
	margin: 0 auto;
}

.step-item {
	width: 373px;
	height: 444px;
	background-image: -o-linear-gradient(311deg, #F2F5FF 0%, #F8FBFF 100%);
	background-image: linear-gradient(139deg, #F2F5FF 0%, #F8FBFF 100%);
	border-radius: 20px;
	text-align: center;
	padding: 50px 30px;
}

.step-corner-icon {
	position: absolute;
	top: 50px;
	left: 30px;
	width: 60px;
	height: 60px;
	z-index: 2;
	border-radius: 14px;
	background-color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.step-corner-icon img {
	width: 	32px;
	height: 32px;
	-o-object-fit: contain;
	   object-fit: contain;
}

.step-icon {
	width: 236px;
	height: 88px;
	margin: 75px auto 0 0;
}

.step-icon img {
	width: 96%;
}

.step-item h3 {
	font-family: PingFangSC-Medium;
	font-weight: 500;
	font-size: 30px;
	color: #234154;
	letter-spacing: 0;
	line-height: 38px;
	margin-top: -40px;
	margin-bottom: 16px;
	text-align: left;
}

.step-item p {
	font-size: 18px;
	color: #666;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}

.step-item ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

.step-item li {
	font-size: 18px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 10px;
	text-align: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	img{
		width: 14px;
		height: 14px;
	}
}

/* 步骤箭头样式 */
.step-arrow {
	position: absolute;
	top: 150px;
	right: -40px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	z-index: 10;
	width: 81px;
	height: 65px;
}

.step-arrow img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

/* 移动端隐藏箭头 */
@media (max-width: 768px) {
	.step-arrow {
		display: none;
	}
}

/* 数据质量保障区域样式 */
.quality-assurance-wrap {
	width: 100%;
	height: 974px;
	padding: 100px 0;
	background: #F8FAFF;
}

/* 质量保障标题区域 */
.quality-header {
	text-align: center;
	margin-bottom: 60px;
}

.quality-header h3 {
	font-size: 44px;
	color: #234154;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 1.2;
}

.quality-header p {
	font-size: 18px;
	color: #949CA3;
	line-height: 1.6;
	max-width: 800px;
	margin: 0 auto;
}

/* 质量指标卡片 */
.quality-metrics {
	width: 1180px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0;
	margin-bottom: 80px;
	background: #F8F9FA;
	border-radius: 16px;
	padding:0 0 40px 0;
	max-width: unset;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}

.metric-item {
	text-align: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 77px 0 0;
	position: relative;
}
.metric-item:nth-child(3){
	padding: 0;
}

.metric-item:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 1px;
	height: 60px;
	background: #E0E0E0;
}

.metric-icon {
	width: 60px;
	height: 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-right: 20px;
}

.metric-icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.metric-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	text-align: left;
	-webkit-box-align: start;
	-webkit-align-items: start;
	    -ms-flex-align: start;
	        align-items: start;
}

.metric-percentage {
	font-size: 46px;
	font-weight: 700;
	color: #234154;
	margin-bottom: 10px;
	line-height: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	.metric-number{
		font-size: 46px;
font-family: DINAlternateBold;
font-weight: 700;
font-size: 46px;
letter-spacing: 0;
line-height: 54px;
	}
	.metric-symbol{
		font-family: DINAlternateBold;
		font-size: 46px;
		font-weight: 700;
		letter-spacing: 0;
		line-height: 54px;
	}
}

.metric-label {
	width: 198px;
	height: 24px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 16px;
	color: #4F5861;
	letter-spacing: 0;
	line-height: 24px;
	text-align: left;
	white-space: nowrap;
}

/* Tab导航 */
.quality-tabs {
	width: 498px;
	height: 64px;
	background: #ffffffcc;
	border: 1px solid #FFFFFF;
	-webkit-box-shadow: 0 10px 40px 0 #1324450d;
	        box-shadow: 0 10px 40px 0 #1324450d;
	border-radius: 32px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0;
	margin: 0 auto 60px;
	padding: 4px;
}

.tab-item, .tab-item-mobile {
	padding: 8px 16px;
	background: transparent;
	color: #666;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 14px;
	font-weight: 500;
	border-radius: 28px;
	margin: 0 2px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
	height: 56px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.tab-item:hover, .tab-item-mobile:hover {
	background: rgba(35, 65, 84, 0.1);
	color: #333;
}

.tab-item.active, .tab-item-mobile.active {
	background: #234154;
	color: #FFFFFF;
	margin: 0;
	font-size: 16px;
}

/* Tab内容区域 */
.quality-content {
	max-width: 1180px;
	margin: 0 auto;
}

.tab-content {
	display: none;
	-webkit-box-align: start;
	-webkit-align-items: start;
	    -ms-flex-align: start;
	        align-items: start;
	gap: 60px;
}
.tab-content-mobile {
	display: none;
	-webkit-box-align: start;
	-webkit-align-items: start;
	    -ms-flex-align: start;
	        align-items: start;
	gap: 60px;
}

.tab-content.active {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.tab-content-mobile.active {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.content-text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	max-width: 440px;
}

.content-text h3 {
	font-size: 32px;
	color: #234154;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 1.3;
}

.content-text p {
	font-size: 18px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 30px;
}

.content-text .morej {
	display: inline-block;
	width: 120px;
	height: 54px;
	background: #234154;
	border: 0;
	border-radius: 32px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.content-text .morej:hover {
	background: #1a2f3a;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	-webkit-box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
	        box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
}

.content-image {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
	margin-top: 26px;
}

.content-image img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

/* 第一个tab的图片特殊样式 */
#source .content-image img, #source-mobile .content-image img {
	width: 675px;
	max-width: 100%;
	height: auto;
}

/* 推荐理由区域样式 */
.recommendations-wrap {
	background: -webkit-gradient(linear, left top, left bottom, from(#F8FAFF), to(#FFFFFF));
	background: -o-linear-gradient(top, #F8FAFF 0%, #FFFFFF 100%);
	background: linear-gradient(180deg, #F8FAFF 0%, #FFFFFF 100%);
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}

.recommendations-content {
	margin: 0 auto;
	position: relative;
}

.recommendations-header {
	text-align: center;
	margin-bottom: 70px;
	position: relative;
}

.recommendations-header h3 {
	font-size: 44px;
	color: #234154;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 1.2;
}

.recommendations-header .morej {
	display: inline-block;
	width: 120px;
	height: 54px;
	background: #234154;
	border: 0;
	border-radius: 32px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 auto;
	z-index: 5;
}

.recommendations-header .morej:hover {
	background: #1a2f3a;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	-webkit-box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
	        box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
}

.recommendations-visual {
	width: 1380px;
	min-height: 520px;
	margin: 0 auto;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.recommendations-main-container {
	width: 1380px;
	height: 520px;
	position: absolute;
	top: 0;
	border-radius: 60px;
	overflow: hidden;
	z-index: 1;
	padding: 70px 20px 75px;
	background-color: #fff;
}
.recommendations-main-container img{
	height: 485px;
	margin-top: -45px;
}

.recommendations-main-image {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.recommendations-character-container {
    position: absolute;
    right: 50%;
    top: -159px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    width: 745.93px;
    /* height: 455.06px; */
    z-index: 0;
}

.recommendations-character {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.recommendations-arrow-container {
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(118%);
        -ms-transform: translateX(118%);
            transform: translateX(118%);
    top: -50px;
    width: 140px;
    height: auto;
    z-index: 2;
}

.recommendations-arrow {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.bg-box{
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%,100%);
    transform: translate(-50%, 70%);
    width: 1800px;
	img{
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}
}

/* 客户案例区域样式 */
.customer-cases-wrap {
	width: 100%;
	background: #1a1a1a;
	position: relative;
	background-color: #fff;
	height: 784px;
}

.customer-cases-content {
	margin: 0 auto;
	padding: 100px 20px;
	background: #ffffff;
	border-radius: 20px;
}

.customer-cases-header {
	text-align: center;
	margin-bottom: 60px;
}

.customer-cases-header h3 {
	font-size: 44px;
	color: #15191D;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 1.2;
}

.customer-cases-header p {
	white-space: nowrap;
	font-size: 18px;
	color: #949CA3;
	line-height: 1.6;
	max-width: 800px;
	margin: 0 auto;
}

.customer-cases-grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 30px;
	margin-bottom: 60px;
	    width: 1173px;
    margin: 0 auto;
	margin-bottom: 30px;
}

.case-item {
	background: transparent;
	border-radius: 0;
	overflow: visible;
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	width: 1920px;
height: 1095px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(68%, #e7ebff00), color-stop(100%, #F6F8FF), to(#f6f8ff00));
background-image: -o-linear-gradient(top, #e7ebff00 68%, #F6F8FF 100%, #f6f8ff00 100%);
background-image: linear-gradient(180deg, #e7ebff00 68%, #F6F8FF 100%, #f6f8ff00 100%);
}

.case-item:hover {
	-webkit-box-shadow: 0 18px 30px 0 #2341540d;
	        box-shadow: 0 18px 30px 0 #2341540d;

}

.case-image {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin: 0 0 30px 0;
	border-radius: 6px 6px 0 0;
}

.case-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.case-content {
	text-align: left;
	padding: 30px 20px 40px;
	width: 100%;
}

.case-content h3 {
	font-size: 22px;
	color: #000000;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1.3;
}

.case-content p {
	font-size: 14px;
	color: #4F5861;
	line-height: 1.6;
	margin: 0;
}

.case-more {
	text-align: center;
}

.more-link {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px;
	color: #3181F6;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.more-link:hover {
	color: #1e6fd8;
}

.arrow-icon {
	width: 17px;
	height: 10px;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.more-link:hover .arrow-icon {
	-webkit-transform: translateX(4px);
	    -ms-transform: translateX(4px);
	        transform: translateX(4px);
}

/* 移动端适配 */
@media (max-width: 768px) {
	.quality-header h3 {
		font-size: 28px;
	}
	
	.quality-header p {
		font-size: 16px;
	}
	
	.quality-metrics {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 0;
		padding: 30px 15px;
		margin: 0 20px 60px;
	}
	
	.metric-item {
		padding: 20px 0;
	}
	
	.metric-item:not(:last-child)::after {
		right: 50%;
		top: auto;
		bottom: 0;
		-webkit-transform: translateX(50%);
		    -ms-transform: translateX(50%);
		        transform: translateX(50%);
		width: 60px;
		height: 1px;
	}
	
	.quality-tabs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 2px;
	}
	
	.tab-item, .tab-item-mobile {
		width: 100%;
		text-align: center;
		border-radius: 6px;
		margin-right: 0;
		margin-bottom: 2px;
	}
	
	.tab-content.active {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.tab-content-mobile.active {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.content-text h3 {
		font-size: 24px;
	}
	
	.content-text p {
		font-size: 14px;
	}
	
	/* 推荐理由区域移动端适配 */
	.recommendations-header h3 {
		font-size: 28px;
		margin-bottom: 15px;
	}
	
	.recommendations-header .morej {
		width: 140px;
		height: 56px;
		line-height: 56px;
		font-size: 14px;
	}
	
	.recommendations-visual {
		min-height: 300px;
	}
	
	.recommendations-main-container {
		width: 100%;
		max-width: 90%;
		height: 300px;
		border-radius: 30px;
	}
	
	.recommendations-character-container {
		right: 5%;
		width: 300px;
		height: 154px;
	}
	
	.recommendations-arrow-container {
		right: 8%;
		top: 35%;
		width: 80px;
	}
	
	/* 客户案例区域移动端适配 */
	.customer-cases-content {
		padding: 40px 20px;
		background: #ffffff;
		border-radius: 15px;
		margin: 0 15px;
	}
	
	.customer-cases-header h3 {
		font-size: 28px;
		margin-bottom: 15px;
		color: #15191D;
	}
	
	.customer-cases-header p {
		font-size: 14px;
		white-space: nowrap;
	}
	
	.customer-cases-grid {
		grid-template-columns: 1fr;
		gap: 30px;
		margin-bottom: 40px;
	}
	
	.case-image {
		width: 100%;
		height: 180px;
		border-radius: 8px;
		margin: 0 0 15px 0;
	}
	
	.case-content {
		padding: 0;
		width: 100%;
	}
	
	.case-content h3 {
		font-size: 22px;
		margin-bottom: 12px;
		color: #000000;
		font-weight: 700;
	}
	
	.case-content p {
		font-size: 14px;
		color: #666666;
		line-height: 1.6;
	}
	
	.more-link {
		font-size: 14px;
	}
	
	/* FAQ区域移动端适配 */
	.faq-content {
		padding: 0 20px;
		position: relative;
	}
	
	.faq-header h3 {
		font-size: 44px;
		margin-bottom: 15px;
	}
	
	.faq-header .morej {
		width: 120px;
		height: 46px;
		font-size: 16px;
	}
	
	.faq-question {
		padding: 0;
		height: 34px;
	}
	
	.faq-icon {
		font-size: 24px;
		margin-right: 12px;
	}
	
	.faq-question h4 {
		font-size: 18px;
	}
	
	.faq-answer {
		padding: 0 20px 20px 60px;
	}
	
	.faq-answer p,
	.faq-answer li {
		font-size: 13px;
	}
	
	/* FAQ区域移动端适配 */
	.faq-bg-image {
		-o-object-position: center center;
		   object-position: center center;
	}
	
	/* 博客文章区域移动端适配 */
	.blog-articles-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 20px;
	}
	
	
	.blog-articles-header h3 {
		font-size: 28px;
		line-height: 36px;
	}
	
	.blog-articles-header p {
		font-size: 14px;
		line-height: 20px;
	}
	
	.article-content {
		padding: 20px;
	}
	
	.article-content h4 {
		font-size: 16px;
		line-height: 22px;
	}
	
	.article-content p {
		font-size: 13px;
		line-height: 18px;
	}
	
	/* CTA区域移动端适配 */
	.cta-wrap {
		background-size: cover;
		background-position: center;
		padding: 60px 0;
	}
	
	.cta-content h3 {
		font-size: 28px;
		margin-bottom: 30px;
	}
	
	.cta-features {
		margin-bottom: 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 15px;
	}
	
	.feature-item {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	
	.feature-text {
		font-size: 14px;
	}
	
	.cta-buttons {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 15px;
	}
	
	.cta-btn {
		width: 100%;
		max-width: 200px;
		margin: 0 auto;
	}
}

.quality-assurance-wrap .i-tlj h3 {
	font-size: 36px;
	color: #234154;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 500;
}

.quality-metrics {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 80px;
	margin-bottom: 60px;
}

.metric-item {
	text-align: center;
}

.metric-circle {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: -o-linear-gradient(315deg, #667eea, #764ba2);
	background: linear-gradient(135deg, #667eea, #764ba2);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 auto 15px;
	position: relative;
}

.metric-circle::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border-radius: 50%;
	background: white;
}

.metric-percentage {
	font-size: 32px;
	font-weight: bold;
	color: #234154;
	position: relative;
	z-index: 1;
}

.metric-label {
	font-size: 18px;
	color: #234154;
	font-weight: normal;
}

.quality-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 60px;
	max-width: 1200px;
	margin: 0 auto;
	-webkit-box-pack: right;
	-webkit-justify-content: right;
	    -ms-flex-pack: right;
	        justify-content: right;
}

.quality-text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.quality-text h3 {
	font-size: 28px;
	color: #234154;
	margin-bottom: 20px;
	font-weight: 500;
}

.quality-text p {
	font-size: 16px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 30px;
}

.quality-image {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
}

.quality-image img {
	max-width: 100%;
	height: auto;
}

/* 推荐理由区域样式 */
.recommendations-wrap {
	width: 100%;
	padding: 100px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#C9D1FF), to(#F1F5FF));
	background: -o-linear-gradient(top, #C9D1FF 0%, #F1F5FF 100%);
	background: linear-gradient(180deg, #C9D1FF 0%, #F1F5FF 100%);
}

.recommendations-wrap .i-tlj {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 50px;
}

.recommendations-wrap .i-tlj h3 {
	font-size: 36px;
	color: #234154;
	font-weight: 500;
}

.recommendation-cards {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 20px;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.card-item {
	background: -o-linear-gradient(315deg, #667eea, #764ba2);
	background: linear-gradient(135deg, #667eea, #764ba2);
	border-radius: 12px;
	padding: 20px 30px;
	-webkit-transform: rotate(-2deg);
	    -ms-transform: rotate(-2deg);
	        transform: rotate(-2deg);
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.card-item:nth-child(even) {
	-webkit-transform: rotate(2deg);
	    -ms-transform: rotate(2deg);
	        transform: rotate(2deg);
}

.card-item:hover {
	-webkit-transform: rotate(0deg) scale(1.05);
	    -ms-transform: rotate(0deg) scale(1.05);
	        transform: rotate(0deg) scale(1.05);
}

.card-content {
	color: white;
	font-size: 16px;
	font-weight: 500;
	white-space: nowrap;
}


.customer-cases-wrap .i-tlj h3 {
	font-size: 36px;
	color: #234154;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 500;
}

.customer-cases {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin-bottom: 40px;
}

.case-item {
	width: 373px;
height: 369px;
background: #FFFFFF;
border: 1px solid #EAEDEF;
border-radius: 6px;
	background: white;
	text-align: center;
}

.case-image {
	width: 371px;
	height: 212px;
	background: #F0F0F0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0;
}

.case-image img {
	width: 100%;
	height: auto;
}

.case-item h3 {
	font-size: 22px;
	color: #234154;
	margin-bottom: 12px;
	font-weight: 500;
}

.case-item h4 {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
}

.case-more {
	text-align: center;
}

/* FAQ区域样式 */
.faq-wrap {
	width: 100%;
	padding: 100px 0;
background: -webkit-gradient(linear, left top, left bottom, from(#F8FAFF), to(#EBF0FF));
background: -o-linear-gradient(top, #F8FAFF 0%, #EBF0FF 100%);
background: linear-gradient(180deg, #F8FAFF 0%, #EBF0FF 100%);
	position: relative;
	overflow: hidden;
}

.faq-background {
position: absolute;
    bottom: -100px;
    right: 50%;
    -webkit-transform: translateX(140%);
        -ms-transform: translateX(140%);
            transform: translateX(140%);
    width: 420.47px;
    height: 170.22px;
    z-index: -1;
}

.faq-bg-image {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center bottom;
	   object-position: center bottom;
}

.faq-content {
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 2;
}

.faq-header {
	text-align: center;
	margin-bottom: 75px;
}

.faq-header h3 {
	font-size: 44px;
	color: #15191D;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 1.2;
}

.faq-header .morej {
	display: inline-block;
	width: 120px;
	height: 54px;
	background: #234154;
	border: 0;
	border-radius: 32px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 auto;
}

.faq-header .morej:hover {
	background: #1a2f3a;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	-webkit-box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
	        box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
}

.faq-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 16px;
}

.faq-item {
	width: 1180px;
	min-height: 64px;
	background: #ffffffcc;
	border-radius: 16px;
	padding: 20px 30px;
}


.faq-item.active {
	border-color: #3181F6;
	-webkit-box-shadow: 0 4px 16px rgba(49, 129, 246, 0.15);
	        box-shadow: 0 4px 16px rgba(49, 129, 246, 0.15);
}

.faq-question {
	padding: 0;
	height: 34px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
	-webkit-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.faq-question:hover {
	background-color: #F8FAFF;
}

.faq-icon {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.faq-question h4 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 18px;
	color: #15191D;
	font-weight: 400;
	margin: 0;
	line-height: 1.4;
}

.faq-arrow {
	width: 13px;
	height: 8px;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.faq-arrow-collapsed {
	display: block;
}

.faq-arrow-expanded {
	display: none;
}

.faq-item.active .faq-arrow-collapsed {
	display: none;
}

.faq-item.active .faq-arrow-expanded {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.faq-answer {
	padding: 0 24px 24px 72px;
	display: none;
}

.faq-item.active .faq-answer {
	display: block;
}

.faq-answer p {
	font-size: 16px;
	color: #15191D;
	line-height: 1.6;
	margin: 0 !important;
}

.faq-answer ul {
	margin: 0 0 16px 0;
	padding-left: 15px;
}

.faq-answer li {
	font-size: 14px;
	color: #15191D;
	line-height: 1.6;
	margin-bottom: 14px;
}
.faq-answer li:first-child {
	margin-top: 14px;
}

.faq-answer li:last-child {
	margin-bottom: 0;
}

.faq-wrap .i-tlj {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 50px;
}

.faq-wrap .i-tlj h3 {
	font-size: 36px;
	color: #234154;
	font-weight: 500;
}

.faq-list {
	width: 1180px;
	margin: 0 auto;
}

.faq-item {
	width: 100%;
	min-height: 64px;
	background: #ffffffcc;
	border-radius: 16px;
	margin-bottom: 10px;
	margin-top: -15px;
	overflow: visible;
	padding: 15px 20px;
}

.faq-question {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0;
	height: 34px;
	cursor: pointer;
	-webkit-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.faq-question:hover {
	background-color: #F8FAFF;
}

.faq-question h4 {
	font-size: 18px;
	color: #15191D;
	margin: 0;
	font-weight: 400;
}


.faq-arrow-collapsed {
	display: block;
}

.faq-arrow-expanded {
	display: none;
}

.faq-item.active .faq-arrow-collapsed {
	display: none;
}

.faq-item.active .faq-arrow-expanded {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.faq-answer {
	padding: 0 20px;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.faq-item.active .faq-answer {
	padding: 20px 0 5px;
	max-height: 100%;
}


/* 博客文章区域样式 */
.blog-articles-wrap {
	width: 100%;
	padding: 100px 0;
	background: #FFFFFF;
}

.blog-articles-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.blog-articles-header {
	text-align: center;
	margin-bottom: 60px;
}

.blog-articles-header h3 {
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	font-size: 44px;
	color: #234154;
	letter-spacing: 0;
	line-height: 44px;
	margin-bottom: 10px;
}

.blog-articles-header p {
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 18px;
	color: #949CA3;
	letter-spacing: 0;
	line-height: 24px;
}

.blog-articles-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 30px;
	margin-bottom: 60px;
}

.blog-article-card {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	background: #FFFFFF;
	border-radius: 12px;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
	        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.blog-article-card:hover {
	-webkit-transform: translateY(-4px);
	    -ms-transform: translateY(-4px);
	        transform: translateY(-4px);
	-webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.12);
	        box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.12);
}

.article-image {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.article-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

.article-content {
	padding: 24px;
}

.article-content h4 {
	font-family: PingFangSC-Medium;
	font-weight: 500;
	font-size: 18px;
	color: #234154;
	letter-spacing: 0;
	line-height: 26px;
	margin-bottom: 12px;
}

.article-content p {
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.article-meta {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.author {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.author-avatar {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 8px;
}

.author-name {
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	letter-spacing: 0;
	line-height: 18px;
}

.publish-date {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.date-icon {
	font-size: 12px;
	margin-right: 4px;
}

.date-text {
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	letter-spacing: 0;
	line-height: 18px;
}

.blog-articles-more {
	margin-top: 30px;
	text-align: center;
}

.more-articles-link {
	font-family: PingFangSC-Medium;
	font-weight: 500;
	font-size: 16px;
	color: #4E84FF;
	letter-spacing: 0;
	line-height: 24px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.more-articles-link:hover {
	color: #3A6BCC;
	text-decoration: none;
}

/* CTA区域样式 */
.cta-wrap {
	background: url('https://assets.surveyplus.cn/official/static/modules/newcms/images/cta-background.svg') no-repeat center;
	background-size: cover;
	padding: 110px 0 127px;
	text-align: center;
	position: relative;
	overflow: hidden;
}


.cta-content {
	position: relative;
	z-index: 2;
	max-width: auto;
	margin: 0 auto;
	padding: 0 20px;
}

.cta-content h3 {
	font-size: 44px;
	color: #234154;
	margin-bottom: 30px;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
}

.cta-features {
	margin-bottom: 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 20px;
}

.feature-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.feature-check {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.feature-text {
	color: #234154;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.cta-buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 20px;
}
.cta-buttons .create-project {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 158px;
	height: 62px;
	background: transparent;
	border: 1px solid #234154;
	border-radius: 32px;
	color: #fff;
	text-align: center;
	line-height: 64px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* .cta-buttons .create-project:hover {
	background: #fff !important;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	-webkit-box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
	        box-shadow: 0 4px 12px rgba(35, 65, 84, 0.3);
} */
.cta-buttons .morej {
	display: inline-block;
	width: 160px;
	height: 64px;
	background: #234154;
	border: 0;
	border-radius: 32px;
	color: #fff;
	text-align: center;
	line-height: 64px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.cta-buttons .morej:hover {
	background: #234154 !important;
}
.cta-btn {
	padding: 12px 30px;
	border-radius: 25px;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
	text-align: center;
	min-width: 120px;
}

.cta-btn.create-project {
	background: transparent;
	color: #234154;
	border: 1px solid #3181F6;
}

.cta-btn.create-project:hover {
	        -webkit-transform: translateY(-2px);
	            -ms-transform: translateY(-2px);
	                transform: translateY(-2px);
}

.cta-btn.consult-now {
	width: 160px;
	height: 64px;
	border-radius: 32px;
	background: #234154;
	color: #FFFFFF;
	border: none;
}

.cta-btn.consult-now:hover {
	background: #1A2F3A;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	text-decoration: none;
	color: #FFFFFF;
}

.cta-content .morej:hover {
	background: #F0F0F0;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
}
.overseas-banner-mobile{
	display: none;
}
.feature-cards-wrap-mobile{
	display: none;
}
.global-coverage-wrap-mobile{
	display: none;
}
.demographics-wrap-mobile{
	display: none;
}
.rich-tags-wrap-mobile{
	display: none;
}
.three-steps-wrap-mobile{
	display: none;
}
.quality-assurance-wrap-mobile{
	display: none;
}
.recommendations-wrap-mobile{
	display: none;
}
.customer-cases-wrap-mobile{
	display: none;
}
.faq-wrap-mobile{
	display: none;
}

/* FAQ模态框在PC端隐藏 */
.faq-modal{
	display: none;
}
.blog-articles-wrap-mobile{
	display: none;
}
.cta-wrap-mobile{
	display: none;
}
/* 响应式设计 */
@media (max-width: 768px) {
	.overseas-banner {
		height: 500px;
		padding: 40px 20px;
	}
	
	.overseas-banner .h3 {
		width: 100%;
		height: auto;
		font-size: 32px;
		line-height: 1.2;
		margin-bottom: 15px;
	}
	
	.overseas-banner .banner-desc {
		width: 100%;
		height: auto;
		font-size: 16px;
		line-height: 1.4;
		margin: 15px auto 30px;
	}
	
	.overseas-banner .morej {
		width: 140px;
		height: 56px;
		font-size: 16px;
	}
	
	.feature-cards-wrap {
		height: auto;
		padding: 60px 0;
	}
	
	.feature-cards {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 20px;
		padding: 0 20px;
	}
	
	.feature-card {
		width: 100%;
		max-width: 373px;
		height: auto;
		min-height: 358px;
		padding: 30px 20px;
	}
	
	.feature-card h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	
	.feature-card p {
		font-size: 14px;
	}
	
	.demographics-charts {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.user-profiles {
		gap: 20px;
	}
	
	.three-steps {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.quality-metrics {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 40px;
	}
	
	.quality-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 30px;
	}
	
	.customer-cases {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.recommendation-cards {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	
	.card-item {
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
	
	.card-item:nth-child(even) {
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
	
	.feature-cards-header h2 {
		width: 100%;
		height: auto;
		font-size: 32px;
		line-height: 1.2;
	}
	
	.feature-cards-header p {
		width: 100%;
		height: auto;
		font-size: 16px;
		line-height: 1.5;
	}
	
	.feature-cards-header {
		margin-bottom: 40px;
		padding: 0 20px;
	}
	
	.feature-cards {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 20px;
	}
	
	.global-coverage-wrap {
		height: 600px;
	}
	
	.global-coverage-bg img {
		max-width: 100%;
		width: 100%;
		margin-top: 0;
	}
	
	.global-coverage-content {
		position: absolute;
		top: 60px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		padding: 0 20px;
	}
	
	.global-coverage-content h3 {
		width: 100%;
		height: auto;
		font-size: 28px;
		line-height: 1.2;
		text-align: center;
	}
	
	.global-coverage-content p {
		width: 100%;
		height: auto;
		font-size: 14px;
		line-height: 1.5;
		text-align: center;
	}
	
	.global-coverage-content .morej {
		width: 140px;
		height: 56px;
		font-size: 16px;
		line-height: 56px;
		border: 0;
	}
	
	.feature-card {
		width: 100%;
		max-width: 350px;
	}
	
	.demographics-wrap {
		width: 100%;
		height: auto;
		padding: 60px 20px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	
	.demographics-content {
		margin-bottom: 40px;
	}
	
	.demographics-content h3 {
		font-size: 28px;
	}
	
	.demographics-content p {
		font-size: 16px;
		text-align: center;
	}
	
	.demographics-content .morej {
		width: 140px;
		height: 56px;
		font-size: 16px;
		line-height: 56px;
	}
	
	.demographics-charts img {
		width: 100%;
		height: auto;
		max-height: 400px;
	}
	
	.rich-tags-wrap {
		height: auto;
		padding: 60px 20px;
	}
	
	.rich-tags-content {
		margin-bottom: 40px;
	}
	
	.rich-tags-content h3 {
		font-size: 28px;
	}
	
	.rich-tags-content p {
		font-size: 16px;
		white-space: normal;
	}
	
	.rich-tags-content .morej {
		width: 140px;
		height: 56px;
		font-size: 16px;
		line-height: 56px;
	}
	
	.three-steps-wrap {
		padding: 60px 20px;
	}
	
	.three-steps-content {
		margin-bottom: 40px;
	}
	
	.three-steps-content h3 {
		font-size: 28px;
	}
	
	.three-steps-content p {
		font-size: 16px;
	}
	
	.three-steps-content .morej {
		width: 140px;
		height: 56px;
		font-size: 16px;
		line-height: 56px;
	}
	
	.step-item {
		width: 100%;
		height: auto;
		padding: 20px 15px;
	}
	
	.step-corner-icon {
		top: 15px;
		left: 15px;
		width: 30px;
		height: 30px;
	}
	
	.user-profiles {
		width: 100%;
		height: auto;
		padding: 0 20px;
		position: relative;
	}
	
	.profile-item {
		width: -webkit-calc(50% - 10px);
		width: calc(50% - 10px);
		height: 280px;
		padding: 15px;
		position: relative;
		margin-bottom: 20px;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	
	/* 移动端重新定位 */
	.profile-item:nth-child(1),
	.profile-item:nth-child(3),
	.profile-item:nth-child(5) {
		float: left;
		clear: left;
	}
	
	.profile-item:nth-child(2),
	.profile-item:nth-child(4),
	.profile-item:nth-child(6) {
		float: right;
		clear: right;
	}
	
	.profile-label {
		font-size: 24px;
		margin-bottom: 6px;
	}
	
	.profile-details {
		font-size: 12px;
	}
	
	.profile-hover-content {
		padding: 20px;
	}
	
	.quote-text {
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	.quote-chinese {
		font-size: 12px;
		margin-bottom: 20px;
	}
	
	.chart-image {
		margin-top: 0;
	}
	
	.chart-image img {
		max-height: 80px;
	}
	
	/* 移动端显示FAQ模态框 */
	.faq-modal {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

/* FAQ箭头图标样式优化 */
.faq-arrow img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

/* 确保展开图标正确显示 */
.faq-item.active .faq-arrow-expanded {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.faq-item.active .faq-arrow-collapsed {
	display: none !important;
}
.banner-carousel-mobile{
	display: none;
}

/* 分页器样式 */
	.banner-pagination {
		bottom: 10px !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
    width: 100% !important;
		position: absolute;
		bottom: 30px;
		z-index: 10;
	}	
	.banner-pagination .swiper-pagination-bullet{
		background-color: #A9CCFF !important;
		width: 40px!important;
		height: 4px!important;
		padding: 0;
		margin: 0;
		border-radius: 0!important;
	}
	.banner-pagination .swiper-pagination-bullet,
	.banner-pagination-mobile .swiper-pagination-bullet {
		width: 20px;
		height: 4px;
		background: rgba(255, 255, 255, 0.3);
		opacity: 1;
		margin: 0 4px;
		border-radius: 2px;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.banner-pagination .swiper-pagination-bullet-active,
	.banner-pagination-mobile .swiper-pagination-bullet-active {
		background: #3649F2 !important;
		width: 40px;
		height: 4px;
		padding: 0;
		margin: 0;
		border-radius: 0;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}