.flex{display: flex;}
.flex-wrap {flex-wrap: wrap;}
.relative {position: relative;}
.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.break-words {
	overflow-wrap: break-word;
}
.pt-12 {
	padding-top: 12px;
}
.pb-12 {
	padding-bottom: 12px;
}
.px-24 {
	padding-left: 24px;
	padding-right: 24px;
}
.mb-12 {
	margin-bottom: 12px;
}
.md\:mb-40 {
	margin-bottom: 40px;
}

.scj-container {
	padding: 0;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
}
.scj-stories {
	margin: 0 3.42857rem 0;
}
.banner-msbg{
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	background: hsla(0, 0%, 100%, .7);
	border: 1px solid #fff;
}
.box-shadow{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}

@media (min-width: 1024px) {
	.scj-container {
		max-width: 102.85714rem;
	}
}

@media(max-width: 768px) {
	.nap-container {
		padding:0 16px;
		width: 100%
	}
}

@media(min-width: 768px)and (max-width:991px) {
	.nap-container {
		padding:0 64px;
		width: 100%
	}
}

@media(min-width: 991px)and (max-width:1540px) {
	.nap-container {
		padding:0 90px;
		width: 100%
	}
}

@media(min-width: 1541px) {
	.nap-container {
		margin:0 auto;
		max-width: 102.85714rem;
		padding: 0 3.42857rem;
		width: 100%;
	}
}

.product_banner {
	height: 408px;
	position: relative;
	width: 100%
}

.product_banner .banner-box {
	background-size: cover;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.product_banner .banner-bg {
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	min-height: 320px;
	visibility: visible!important
}

.product_banner .banner-container {
	align-items: center;
	background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 70%,#fff 90%,#fff);
	cursor: pointer;
	display: flex;
	height: 100%;
	left: 0;
	padding-bottom: 160px;
	position: absolute;
	top: 0;
	width: 100%
}

.product_banner .pc_logo {
	height: 24px;
	opacity: 0;
	width: auto!important
}

.product_banner .pc_title {
	color: #333;
	font-size: 2.86rem;
	font-weight: 700;
	line-height: 2.86rem;
}

.product_banner .pc_text {
	color: #333;
	font-size: 1.286rem;
	line-height: 1.286rem;
	margin-top: 16px;
}

.product_banner .pc_btn_div {
	display: inline-flex;
}

.product_banner .pc_btn {
	border: 0;
	border-radius: 0;
	font-size: 16px;
	height: 40px;
	margin-right: 20px;
	margin-top: 40px;
	padding: 0 26px
}

.product_banner .pc_btn ::v-deep span {
	display: inline-flex
}

.product_banner .banner_bottom_shadow {
	background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
	bottom: 0;
	height: 160px;
	position: absolute;
	width: 100%;
	z-index: 1
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0,40px,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.product_banner .fadeInUp {
	animation-name: fadeInUp
}

@keyframes enlarge {
	0% {
		transform: scale(1)
	}

	to {
		transform: scale(1.02)
	}
}

.product_banner .enlarge {
	animation-name: enlarge
}

@media(max-width: 1599px) {
	.product_banner {
		height:488px
	}

	.product_banner .banner-container {
		padding-bottom: 140px
	}

	.product_banner .pc_text {
		font-size: 16px;
		line-height: 16px;
		margin-top: 16px
	}

	.product_banner .pc_title {
		font-size: 36px;
		line-height: 36px
	}

	.product_banner .banner_bottom_shadow {
		height: 140px
	}
}

@media(max-width: 1365px) {
	.product_banner {
		height:436px
	}

	.product_banner .banner-container {
		padding-bottom: 120px
	}

	.product_banner .pc_title {
		font-size: 32px;
		line-height: 32px
	}

	.product_banner .pc_text {
		font-size: 14px
	}

	.product_banner .pc_btn {
		font-size: 14px;
		height: 32px;
		margin-top: 32px;
		padding: 0 20px
	}

	.product_banner .banner_bottom_shadow {
		height: 120px
	}
}

@media(max-width: 1199px) {
	.product_banner {
		height:278px
	}

	.product_banner .banner-container {
		padding-bottom: 90px
	}

	.product_banner .pc_title {
		font-size: 28px;
		line-height: 28px
	}

	.product_banner .pc_text {
		font-size: 12px;
		line-height: 12px;
		margin-top: 12px
	}

	.product_banner .pc_btn {
		font-size: 12px;
		height: 28px;
		margin-top: 20px;
		padding: 0 18px
	}

	.product_banner .banner_bottom_shadow {
		height: 90px
	}
}

.product_banner .product-banner-pc-pagination {
	bottom: 230px!important;
	position: absolute;
	text-align: center;
	z-index: 1
}

.product_banner .product-banner-pc-pagination-bullet {
	background-color: transparent;
	cursor: pointer;
	display: inline-block;
	height: 12px;
	margin: 0;
	position: relative;
	width: 54px
}

.product_banner .product-banner-pc-pagination-bullet:before {
	background-color: #ddd;
	content: "";
	height: 4px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 46px
}

.product_banner .product-banner-pc-pagination-bullet-active:before {
	background-color: #004baa
}

.product_banner .product-banner-pc-pagination-hide {
	display: none!important
}

@media(max-width: 1659px) {
	.product_banner .product-banner-pc-pagination {
		bottom:130px!important
	}
}

@media(max-width: 1279px) {
	.product_banner .product-banner-pc-pagination {
		bottom:110px!important
	}
}

@media(max-width: 991px) {
	.product_banner .product-banner-pc-pagination {
		bottom:75px!important
	}
}

.p_banner_mobile .mobild_banner_img {
	background-position: 50% 80%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%
}

.p_banner_mobile .banner_mobile_container {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: 0;
	padding-bottom: 72px;
	position: absolute;
	top: 0;
	width: 100%
}

.p_banner_mobile .service_bottom_shadow {
	background: linear-gradient(180deg,hsla(0,0%,96%,0) 22%,#f8f9fb);
	bottom: 0;
	height: 72px;
	left: 0;
	position: absolute;
	width: 100%
}

.p_banner_mobile .mobile_text {
	color: #333;
	font-size: 12px;
	line-height: 16px;
	margin-top: 12px;
	padding: 0 16px;
	width: 64%
}

.p_banner_mobile .mobile_title {
	color: #333;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 4px;
	padding: 0 16px
}

.p_banner_mobile .mobile_sub_title {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	padding: 0 20px
}

.p_banner_mobile .mobile_btn {
	background: #004baa;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	margin-top: 12px;
	padding: 2px 12px
}

.p_banner_mobile .swiper-pagination-bullets {
	bottom: 72px;
	position: absolute;
	text-align: center;
	z-index: 2
}

.p_banner_mobile .swiper-pagination-bullet {
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	height: 4px;
	margin: 0 4px;
	opacity: 1;
	width: 24px
}

.p_banner_mobile .swiper-pagination-bullet-active {
	background: var(--color-theme-light);
	box-shadow: none
}

.p_banner_mobile .list-banner-mobile-pagination-hide {
	display: none!important
}


.public-img {
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.public-img::before {
	content: "";
	display: block;
	position: relative;
	z-index: 0;
	padding-top: 100%;
}
.public-img > img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.8s;
}
.x-about3 {
	background: url("../images/bannerbg.jpg") no-repeat center bottom 100%;
	padding: 0 0 102px;
}
@media (max-width: 767px) {
	.x-about3 {
		padding: 0 0 126px;
	}
}
.x-about3 .pw-stories ul {
	display: flex;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.x-about3 .pw-stories ul {
		margin-top: 1.8rem;
		flex-wrap: wrap;
	}
}
.x-about3 .pw-stories ul li {
	width: 50%;
	position: relative;
	margin-right: 1.2rem;
	height: 36rem;
	border-radius: 0.6rem;
	overflow: hidden;
	cursor: pointer;
	transition: 0.4s ease-in-out;
}
@media (max-width: 1580px) {
	.x-about3 .pw-stories ul li {
		height: 64.8rem;
	}
}
@media (max-width: 767px) {
	.x-about3 .pw-stories ul li {
		width: 100%;
		height: 4.8rem;
		margin-right: 0;
		margin-bottom: 0.4rem;
	}
	.x-about3 .pw-stories ul li.on {
		height: 18.8rem;
	}
}
.x-about3 .pw-stories ul li::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	transition: 0.4s ease-in-out;
}
.x-about3 .pw-stories ul li::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url('../images/x-about8.png') no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0;
	transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
	.x-about3 .pw-stories ul li::after {
		opacity: 1;
	}
}
.x-about3 .pw-stories ul li:last-child {
	margin-right: 0;
}
.x-about3 .pw-stories ul li.on {
	width: 61.42% !important;
	flex-shrink: 0;
}
@media (max-width: 767px) {
	.x-about3 .pw-stories ul li.on {
		width: 100% !important;
	}
}
.x-about3 .pw-stories ul li.on::before {
	background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
	.x-about3 .pw-stories ul li.on::before {
		background-color: rgba(0, 0, 0, 0.5);
	}
}
.x-about3 .pw-stories ul li.on::after {
	opacity: 1;
}
.x-about3 .pw-stories ul li.on .x-box .x-tit {
	opacity: 0;
}
.x-about3 .pw-stories ul li.on .x-box span {
	left: 91%;
}
.x-about3 .pw-stories ul li.on .x-box .x-text {
	opacity: 1;
}
.x-about3 .pw-stories ul li .x-box {
	display: block;
	width: 100%;
	height: 100%;
}
.x-about3 .pw-stories ul li .x-box .public-img {
	width: 100%;
	height: 100%;
}
.x-about3 .pw-stories ul li .x-box .public-img::before {
	padding-top: 69.76744186%;
}
.x-about3 .pw-stories ul li .x-box .x-tit {
	width: 1em;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
	color: #fff;
}
@media (max-width: 767px) {
	.x-about3 .pw-stories ul li .x-box .x-tit {
		opacity: 0;
	}
}
.x-about3 .pw-stories ul li .x-box span {
	font-size: 6rem;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 5;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	transition: 0.4s ease-in-out;
	font-family: Montserrat; font-weight: 500;
}
@media (max-width: 991px) {
	.x-about3 .pw-stories ul li .x-box span {
		font-size:1.68rem;
	}
}
@media (max-width: 767px) {
	.x-about3 .container ul li .x-box span {
		left: 91%;
	}
}
.x-about3 .pw-stories ul li .x-box .x-text {
	position: absolute;
	left: 0;
	bottom: 3.6rem;
	width: 100%;
	z-index: 5;
	color: #fff;
	padding: 0 2.4rem;
	opacity: 0;
	transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
	.x-about3 .pw-stories ul li .x-box .x-text {
		opacity: 1;
	}
}
.x-about3 .pw-stories ul li .x-box .x-text .x-tit2 {
	font-size: 2rem;
	width: 60%;
}
.x-about3 .pw-stories ul li .x-box .x-text .x-p {
	font-size: 1rem;
	width: 60%;
}

.x-company{position: relative; margin-top: -100px; height: 100px;}
.x-company .swiper-container {
	width: 100%;position: relative;overflow: hidden; padding: 0 2rem;
}
.x-company .swiper-button-next:after,.x-company  .swiper-button-prev:after{font-size: 1.08rem; color:#000;}
.x-company .swiper-button-next:hover:after,.x-company  .swiper-button-prev:hover:after{color:#2172c2;}
.x-company .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.x-company .swiper-slide:hover {
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: linear-gradient(0deg, hsla(0, 0%, 100%, .66) 14%, hsla(0, 0%, 100%, .47), rgba(220, 238, 255, .39));
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
}
.x-company .hero-seat__entry{
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 0;
	padding: 24px 16px;
	transition: all .3s;
}
.x-company .hero-seat__entry-img{
	display: block;
	height: 52px;
	margin-bottom: 0;
	margin-right: 12px;
	width: 52px;
}
.x-company .hero-seat__bg{
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: linear-gradient(180deg, rgba(216, 236, 255, .31), #fff);
	bottom: 0;
	box-shadow: 0 -5px 9px 0 rgba(0, 0, 0, .04);
	height: 100px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
	border-top: 1px solid #fff;
}


.scj-flex-jb{
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-direction: unset !important;
}

.headline-section .headline-title{
	font-size: 30px;
	height: 30px;
	line-height: 30px;
	color: #333;
	font-weight: 700;
}

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

.home-rq{padding: 3rem 0 ; background-color: #fffefe;}
.home-rq .abouttop{padding-bottom: 1.5rem;}
.home-rq .hrqmenu ul{display: flex; justify-content: flex-end; }
.home-rq .hrqmenu ul li{padding:0 0.2rem;}
.home-rq .hrqmenu ul a{font-size: 1.08rem; padding: 0.5rem 1.6rem; transition: all 0.3s;color: #000000;border-radius: 1rem;}
.home-rq .hrqmenu ul a:hover,.home-rq .hrqmenu ul li.cselect a{ background-color:#091882;font-weight: bold; color: #fff; }
.home-rq .rqbox{margin-top: 3rem;padding: 2rem 1rem; border-radius: 1rem; border: 1px #ececec solid;box-shadow: 0 8px 16px -2px rgba(0, 0, 0, .1);}
.home-rq .rqbox .rqSwiper {
	padding: 0 1px;
}

.home-rq .rqbox .rqSwiper a.a i {
	display: block;
	font-size: 0;
	border-bottom: none;
	overflow: hidden;
	height: 18rem;
}

.home-rq .rqbox .rqSwiper a.a h2 {
	position: relative;
	color: #4D4C4C;
	font: 500 1.125rem/1.3em "Montserrat";
	padding: 0.5rem 0; margin-bottom: 0.5rem;
	text-transform: Capitalize;
	transition: all 0.3s;
	/* white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	overflow: hidden; */
}
.home-rq .rqbox .rqSwiper a.a h2::before{content: '';width: 1.68rem; height: 0.1rem; background-color: #091882;left:0; bottom: 0;position: absolute;}
.home-rq .rqbox .rqSwiper a:hover h2{ color: #091882;}
.home-rq .rqbox .rqSwiper a p{color: #000;}
.home-rq .rqbox .rqSwiper a:hover p{color: #000;}
.home-rq .rqbox .rqSwiper .linkword{color: #384aa0; margin-top: 1rem;}
.home-rq .rqbox .rqSwiper a:hover .linkword{color: #384aa0; font-weight: bold;}

.home-rq .rqbox .rqSwiper .swiper-slide{border-left: 1px solid #e5e5e5; padding: 0 1rem;}
.home-rq .rqbox .rqSwiper .swiper-slide.swiper-slide-active{border-left: 0;}


@media (max-width: 768px) {
	.home-rq .rqbox .rqSwiper a.a h2 {
		padding: 0.9em 0;
		font: 500 1rem/1.3em "Montserrat";
	}
}

.home-rq .rqbox .rqSwiper .swiper-pagination1 span {
	width: .875rem;
	height: .875rem;
}

.rqSwiper{opacity: 0; height:0px;}
.showsp{opacity: 1; height: auto;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display: flex; justify-content: center; margin-top: 1rem;}

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



.treebox{display: flex; justify-content: space-between; margin-top: 2rem;}
.treebox .tbox{height: 11.88rem; width: 32.5%;position: relative; display: flex; text-align: center; justify-content: center;align-content: center; flex-wrap: wrap;}
.treebox .tbox::after{content: '';width: 100%; height: 100%; background-color: rgba(3,17,125,0.4); position: absolute;transition:0.6s all;}
.treebox .tbox .tit{color: #fff; font-size: 2rem; z-index: 1; width: 100%;}
.treebox .tbox p{color: #fff; font-size: 1.08rem; z-index: 1;width: 100%; opacity: 0.6;margin-top: -0.5rem;}
/*.treebox .tbox1{background: url('../images/sv01.jpg') #03117d no-repeat center; background-size: cover;}*/
/*.treebox .tbox2{background: url('../images/sv02.jpg') #03117d no-repeat center; background-size: cover;}*/
/*.treebox .tbox3{background: url('../images/sv03.jpg') #03117d no-repeat center; background-size: cover;}*/
.treebox .tbox:hover::after{background-color: rgba(3,17,125,0.6);}

.insportbox{display: flex;flex-wrap: wrap; margin-top: 1rem;}
.insportbox .insport{width: 24%; border: 1px solid #e3e3e3; border-radius: 1rem; margin:0.5rem 1% 0.5rem 0;padding:0.5rem 1rem; display: flex; align-items: center; }
.insportbox .insport .inspimg{width: 26%;}
.insportbox .insport .inspimg i{font-size:4.6rem;color: #2172c2;}
.insportbox .insport .inspword{width: 70%;color: #5a5a5a;}
.insportbox .insport .inspword h4{color: #2172c2; font-size: 1.28rem;}
.insportbox .insport:hover{border: 1px solid #2172c2;}

.toptel{font-size: 1.128rem;}

.show-more-scj{
	height: 36px;
	line-height: 36px;
	margin-top: 12px;
	align-items: center;
	display: flex;
	font-weight: 400;
}

.show-more-scj .btn-text{
	color: #333;
	font-size: 14px;
	margin-right: 8px;
	transition: all .3s;
}
.show-more-scj .btn-icon{
	color: #474747;
	font-size: 15px;
	font-weight: 700;
	margin-left: 1px;
}
.show-more-scj:hover .btn-text{
	color:#004baa;
	margin-left: 6px;
	margin-right: 14px
}

.show-more-scj:hover .btn-icon{
	color: #004baa
}
.show-more-scj.boxbd{border: 1px solid #2172c2; padding: 0rem 1rem; display: inline-block; line-height: unset; height: auto;}
.show-more-scj.boxbd .btn-text{ color: #2172c2; font-size: 12px;}
.show-more-scj.boxbd .btn-icon{ color: #2172c2;}

.ingreen{background: url("../images/inbggreen.jpg") no-repeat fixed; height: 23.28rem; position: relative;position: relative;}
.ingreen .ingreenright{background: url("../images/ingreenrighbg.png") no-repeat left center; position: absolute;right:0; bottom: -2rem; width: 68%; height: 10.71rem; box-shadow: 0 8px 16px -2px rgba(0, 0, 0, .1);}
.ingreen .leftword .headline-title-en{color: #c3c2c2;}
.ingreen .leftword .headline-title{color: #fff;}
.ingreen .leftword{ padding-top: 8rem;}
.ingreen .show-more-scj *{color: #fff;}
.ingreen .show-more-scj:hover .btn-text{color: #fff;}
.ingreen .show-more-scj:hover .btn-icon{color: #fff;}
.ingreen .igzslist{display: flex; align-items: center; align-content: center; height: 100%; margin-left: 16rem;}
.ingreen .igzslist li{margin-right: 1rem;}
.ingreen .igzslist img{width: 4.78rem; border-radius: 50%;}

.pannerbg{background:url('../images/pannerbg.png') no-repeat center #f5f5f5;background-size: contain;  }
.pannerlist{height:25rem; margin: 2rem 0 0; position: relative;padding: 0 0 3rem; }
.pannerlist .swiper {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.pannerlist .swiper-slide {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center; border-radius: 0.6rem; overflow: hidden;
}
.pannerlist .swiper-slide a{width: 100%; height: 100%;display: inline-block; padding: 1rem;}
.pannerlist .swiper-slide a img{width: 100%; height: 100%; object-fit: contain;}

.freebackbox{background: linear-gradient(to bottom, #fffefe, #e9eef5);}
.freebackbox .headline-title{position: relative; padding-bottom: 3.8rem; margin-bottom: 0.8rem;}
.freebackbox .headline-title::after{content: '';position: absolute; background: #2171c0; width: 4rem; height: 0.6rem; left: 0; bottom: 0.3rem; clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);}

.footfreeback{display: flex; justify-content: space-between; align-items: center;}
.footfreeback .headline-section{width: 50%;}
.footfreeback .fbform{width: 46%; box-shadow: 0 8px 16px -2px rgba(0, 0, 0, .1) ; background-color: #fff; padding: 2rem; border-radius: 1rem;}
.footfreeback .layui-form-label {
	position: relative;
	float: left;
	display: block;
	padding: 9px 3px;
	width: 100px;
	font-weight: 400;
	line-height: 20px;
	text-align: right;
}
.footfreeback .fbtn a {
	font-size: 1rem;
	background: #2171c0;
	padding: .3rem 1rem;
	color: #fff;
	transition: .3s;
	display: inline-block;
}
.footfreeback .fbtn a:hover{
	padding: .3rem 2rem;
}
.layui-layer-btn .layui-layer-btn0 {
	border-color: transparent;
	background-color: #2171c0 !important;
	color: #fff !important;
}
.layui-form-item {
	position: relative;
	margin-bottom:8px;
	clear: both;
}


.tp-pw-footer {
	width: 100%;
	padding-top: 0rem;
	position: relative;
	z-index: 10;
	background-color: #e9eef5;
}
.tp-pw-footer:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 1.5rem);
	background-image: url(../images/foot-bg.png);
	background-size: 100% 100%;
	z-index: -1;
}
.layui-input{border: 1px solid #ced4da;}

.footer-logo{margin-bottom: 1rem;}
.ftel{color: #fff; }

.tp-pw-footer .fmenu {
	display: flex; justify-content: space-between;
}
.tp-pw-footer .fmenu dl {
	margin: 0 0.58rem
}
.tp-pw-footer .fmenu dl dt {
	color: #ffffff;
	font-size: 1.1428rem;
	margin-bottom: 0.6rem;
	white-space: nowrap;
	text-align: left; position: relative;
}
.tp-pw-footer .fmenu dl dt:after{content: ''; background-color: #fff; width: 1.8rem; height: 0.14rem; position: absolute; left:0;bottom: -0.3rem;}

.tp-pw-footer .fmenu dl dd a {
	font-size: 1rem;
	display: block;
	color: #ffffff;
	opacity: 0.6;
	line-height: 2;
	transition: all .3s;
	text-align: left;
}

.tp-pw-footer .fmenu dl:nth-child(2) dd a:nth-child(n+8) {
	display: none;
}

.tp-pw-footer .fmenu dl dd a:hover {
	opacity: 1;
}
.d-jsp{justify-content: space-between;}
.footcopy{background-color: #1e66ae; padding:0.6rem 1rem; text-align: right; color: #fff; font-size: 12px;}
.footcopy a{color: #fff;font-size: 12px;}

.swiper-bzbox {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.bzbox-sw{position: relative;}
.bzbox-bt{position: absolute;width: 2rem; height: 2rem;}
.bzbox-bt i{border-radius: 50%;font-size: 1rem; text-align: center; line-height: 2rem;overflow: hidden;background-color: #2172c2; color: #fff; padding: 0.5rem; transition: 0.3s all;}
.bzbox-bt:hover i{background-color: #091882;}
.swiper-bzbox-next{bottom:0; right:0;}
.swiper-bzbox-prev{bottom:0; right:2.5rem;}
.swiper-bzbox-disabled{opacity:0.2;}

.tx_banner{
	background-position: 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	z-index: 4;
}
.tx_banner .pw-container {
	max-width: 102.85714rem;
	margin: 0 auto 0 auto;
}
.tx_banner .pw-stories{display: flex; align-items: center; justify-content: left;margin: 0 3.42857rem 0;height: calc(480px - 72px);}
.tx_banner .banner-content{
	width: 100%; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;
}
.tx_banner .banner-content .banner-img{max-height: 332px; max-width: 560px;border-radius: 1rem; border: 6px solid #fff;box-shadow: 0 8px 16px -2px rgba(0, 0, 0, .1); background-color: #fff;overflow: hidden;width: auto;height:332px;}
.tx_banner .banner-content .banner-img img{height:100%; width: 100%; object-fit:contain;border-radius: 1rem;  }

.tx_banner .banner-content .banner-slogan{
	font-size: 24px;
	line-height: 32px
}

.tx_banner .banner-content .banner-slogan,.tx_banner .banner-content .banner-title{
	color: #333;
	margin-bottom: 0.4rem;
	max-width: 760px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tx_banner .banner-content .banner-title{
	font-size: 36px;
	font-weight: 700;
	line-height: 44px
}

.tx_banner .banner-content .banner-describe{
	color: #666;
	font-size: 14px;
	line-height: 22px;
	max-width: 660px;
	/*white-space: pre-line;*/
	/*word-break: break-word*/
}

.tx_banner .banner-content .banner-activity{
	background: linear-gradient(270deg,rgba(210,0,0,0),#d20000 43%,#d20000);
	color: #fff;
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	margin-top: 12px;
	padding: 4px 32px 4px 12px
}

.tx_banner .cb__button-group{
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.68rem;
}

.tx_banner .cb__buttons{
	align-items: center;
	display: flex;
	flex-flow: wrap
}

.tx_banner .cb__button{
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	margin-bottom: 12px;
	margin-right: 16px;
	padding: 9px 32px
}

.tx_banner .cb__button-primary{
	background-color: #2172c2;
	color: #fff
}

@media(any-hover: hover) {
	.tx_banner .cb__button-primary:not(.is-disable):hover {
		background-color: #2172c2;
	}
}

.tx_banner .cb__button-outline{
	border: 1px solid  #2172c2;
	color:  #2172c2;
	padding: 8px 31px;
	position: relative;
	transition: all .2s ease
}

@media(any-hover: hover) {
	.tx_banner .cb__button-outline:hover {
		background-color: #2172c2;
		border-color:  #2172c2;
		color: #fff
	}
}

.banner_tag{display: flex; justify-content: left; margin-top: 1.2rem;}
.banner_tag div{margin-right:0.6rem;padding:0.1rem 0.8rem; background-color: #fff; font-size: 0.86rem; color: #2172c2; border: 1px solid #2172c2; border-radius: 3px;}

.tx_banner .cb__button-buy{
	display: flex;
	flex-direction: column;
	position: relative
}

.tx_banner .cb__button-buy.is-disable{
	background-color: #ddd;
	color: #595959;
	cursor: not-allowed;
	font-weight: 400
}

.tx_banner .cb__button-text{
	color:#2172c2;
	cursor: pointer;
	font-size: 14px;
	padding: 9px 0
}

@media(any-hover: hover) {
	.tx_banner .cb__button-text:hover {
		color:#fff
	}
}

.tx_banner .cb__button-text+.cb__button-text{
	margin-right: 16px
}

@media screen and (max-width: 1199px) {
	.tx_banner{
		height:480px;
		padding-top: 1rem;
	}
}

@media(max-width: 767px) {
	.tx_banner .pw-container {
		max-width: 100%;
		margin: 0 auto 0 auto;
	}
	.tx_banner .pw-stories {
		display: flex;
		align-items: center;
		justify-content: left;
		margin: 0 16px 0;
		height: auto;
	}
	.tx_banner{
		height: auto;
		min-height: 280px;
		padding-bottom: 8px;
		position: static;
		margin-top: 60px;
	}

	.tx_banner .banner-content .banner-slogan{
		color: #333;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
		margin-top: 20px;
		max-width: 100%;
		overflow: hidden
	}

	.tx_banner .banner-content .banner-title{
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 10px;
		white-space: normal;
		width: 100%
	}

	.tx_banner .banner-content .banner-describe{
		font-size: 12px;
		line-height: 20px;
		width: 100%
	}

	.tx_banner .banner-content .banner-activity{
		font-size: 12px;
		line-height: 12px;
		padding: 4px 17px 4px 8px
	}

	.tx_banner .cb__button-group{
		margin-top: 24px
	}

	.tx_banner .cb__button{
		font-size: 12px;
		font-weight: 400;
		line-height: 20px;
		margin-bottom: 12px;
		margin-right: 12px;
		padding: 6px 29px
	}

	.tx_banner .cb__button-outline{
		padding: 5px 23px
	}

	.tx_banner .cb__button-text{
		padding: 6px 0
	}

	.tx_banner .cb__button-text+.cb__button-text{
		margin-right: 24px
	}
}


.tx_nav {
	background-color: #fff;
	box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .1);
	position: sticky;
	top: 0;
	z-index: 4;
}



.tx_nav .nav_box {
	display: flex;
	position: relative;
	width: 100%
}

.tx_nav .nav_wrap {
	align-items: center;
	background-color: #fff;
	display: flex;
	flex: 1;
	overflow: hidden;
	position: relative
}

.tx_nav .nav_next,.tx_nav .nav_prev {
	align-items: center;
	background-color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 18px;
	justify-content: center;
	width: 30px;
	z-index: 2
}

.tx_nav .nav_next.is_disable,.tx_nav .nav_prev.is_disable {
	color: rgba(51,51,51,.1)
}

.tx_nav .nav_prev {
	height: 100%;
	left: -30px;
	position: absolute
}

.tx_nav .nav_scroll {
	overflow: hidden
}

.tx_nav .nav_list {
	align-items: flex-end;
	background-color: #fff;
	display: flex;
	float: left;
	position: relative;
	transition: transform .3s;
	white-space: nowrap;
	z-index: 2
}

.tx_nav .nav_item {
	box-sizing: border-box;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	margin-right: 40px;
	position: relative
}

.tx_nav .nav_item:after {
	background-color: #2172c2;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: 50% 50%;
	transition: transform .3s ease;
	width: 100%
}

.tx_nav .nav_item:hover {
	color: #004baa
}

.tx_nav .nav_item.is_active {
	font-weight: 600;color: #004baa;
}

.tx_nav .nav_item.is_active:after {
	transform: scaleX(1)
}

.tx_nav .nav_right {
	background: #00aff0;
	border: none;
	border-radius: 0;
	color: #fff;
	font-size: 16px;
	height: 60px;
	margin: 0;
	width: 160px
}

.tx_nav .nav_right:hover {
	background: #2cc6ff
}

.tx_nav .nav_right1 {
	background: #004baa
}

.tx_nav .nav_right1:hover {
	background: #005ddd
}

.tx_nav .nav_right_disable {
	background: #ddd;
	border: none;
	border-radius: 0;
	color: #595959;
	cursor: default;
	font-size: 16px;
	height: 60px;
	margin: 0;
	width: 160px
}

.tx_nav .nav_right_disable:hover {
	background: #ddd;
	border-color: #ddd
}

@media screen and (min-width: 767px)and (max-width:1199px) {
	.tx_nav {
		top:48px
	}
}

/* 导航固定样式（吸顶） */
.nap-container.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* 加阴影提升视觉 */
}

.nap-container.fixed .nav_box{max-width: 102.85714rem;padding: 0 3.42857rem 0;margin: 0 auto;}

.detail_item {margin-bottom: 60px;}

#videoTabs .layui-btn-container{display: flex; justify-content: center; margin-top: 2rem;}
#videoHeader .tab-btn{font-size: 1.428rem; padding: 1rem; border-bottom:5px #fff solid; margin: 1rem; transition: 0.3s all;}
#videoHeader .tab-btn.layui-this{background: #fff;border-bottom:5px #000 solid;font-weight: bold;color: #000;}
#videoTabsBody{margin-top: 2.3rem;}
#videoTabsBody .test-item{display: none;}
.tablybox{display: flex; justify-content: space-between;align-items: center;}
.tablybox .videlbox{width: 56%;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding: 1rem;}
.tablybox .wordbox{width: 40%;}

.wordbox h3{font-size: 1.428rem; font-weight: bold; margin-bottom: 0.3rem; color: #000;}
.wordbox .ms1{font-size: 1.07rem; margin-bottom: 2.4rem;}
.wordbox h4{font-size: 1.07rem; font-weight: bold;margin-bottom: 0.3rem;color: #000;}
.wordbox h4 span{font-size: 0.8rem; color: #00a0e9; margin-right: 0.5rem;}
.wordbox .ms2{font-size: 1rem; margin-bottom: 1.8rem;}

.sblist ul{display: flex; justify-content: left; flex-wrap: wrap;}
.sblist li{width: 50%; margin-bottom: 0.5rem;}
.sblist li a{display: flex; justify-content: left; flex-wrap: wrap; align-items: center;}
.sblist li a div{width: 50%;}
.sblist li .tp-item-img{width: 50%;}
.sblist li .tp-item-title{width: 50%; padding:0 1rem;}

.videobottombox{background-color: #f5f5f5; padding: 2rem 0;}
.videobottombox .scj-stories{display: flex; justify-content: space-between;}
.videobottombox .scj-stories .vbxox{ background-color: #fff; border-radius: 1rem; width: 23%; padding: 1.38rem;}
.videobottombox .scj-stories .vbxox h2{font-size: 1.286rem; margin-bottom: 0.5rem;}

.storage-table{padding: 2rem 0;}
/* 表格基础样式 */
.storage-table table{
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	color: #333;
	margin: 20px 0; border-radius: 1rem;overflow: hidden;
}

/* 表头样式 */
.storage-table table thead th {
	background-color: #fafafa;
	border-top: 5px solid #2172c2; /* 顶部蓝色边框 */
	border-bottom: 1px solid #a9a9a9;
	padding: 10px 12px;
	font-weight: 600; font-size: 1.286rem; color: #1f2329;
	text-align: center; height: 100px;
}

/* 内容单元格样式 */
.storage-table table tbody td {
	padding:20px 12px;
	border-bottom: 1px solid #ebeef5;
	text-align: left;
	line-height: 1.5;
}

/* 左侧分类列样式 */
.storage-table table tr td:nth-child(1) {
	background-color: #fafafa;
	padding:20px 22px;
	font-weight: 600; font-size:1.1428rem;
	text-align: left; /* 左侧列文字居中 */
}

/* 行悬停优化（可选） */
.storage-table table tbody tr:hover {
	background-color: #ecf6ff;
}

.storage-table table th:nth-child(3),
.storage-table table td:nth-child(3) {
	background: linear-gradient(to right, #f2f2f2 2%,#fff 20%, #fff);
}

.detail_item.video{margin-top: 4rem;}

.package-list{margin-top: 2rem;}
.package-list ul{display: flex; justify-content: left; flex-wrap: wrap;}
.package-list ul li{width: 20%; padding: 0.5rem; border-radius: 0.5rem; margin-bottom: 0.8rem;}
.package-list ul li a{display: block;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); width: 100%;}
.package-list ul li:hover a {
	border: none;
	box-shadow: 0 10px 24px 0 rgba(0,0,0,.12);
	transform: translateY(-4px)
}

.package-list .tp-item-title{font-size: 1.1428rem; color: #4a4a4a; line-height: 2.28rem; font-weight: bold;}
.package-list .packpd{padding: 0.8rem;}
.package-list .taplist{font-size: 1rem; color: #525252;}
.package-list .taplist span i{color: #2172c2;}
.package-list .pklink{color: #a3a3a3; font-size: 0.86rem;}
.package-list li:hover .pklink{color: #2172c2;}
.package-list .tp-item-img{height: 11.78rem; width: 100%;}
.package-list .tp-item-img img{width: 100%; height: 100%; object-fit: cover;}

.detail_item.casebg{background: url("../images/casebg.jpg") no-repeat 100% 100%; padding-bottom: 3rem; margin-bottom: 0;}
.case-list{margin-top: 2rem;}
.case-list ul{display: flex; justify-content: left; flex-wrap: wrap;}
.case-list ul li{width: 20%; padding: 0.5rem;  margin-bottom: 0.8rem; }
.case-list ul li .box{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); border-radius: 0.68rem;overflow: hidden; transition: 0.3s all;}
.case-list ul li:hover .box{
	border: none;
	box-shadow: 0 10px 24px 0 rgba(0,0,0,.12);
	transform: translateY(-4px)
}
.case-list ul li a{display: block;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); width: 100%;}
.case-list .packpd{padding: 0.8rem;}
.case-list .taplist{ color: #525252;}
.case-list .taplist a{border: 1px solid #ccc; padding: 0.1rem 0.5rem; background-color: #fff; font-size: 0.86rem; display: inline-block;width: auto; margin-right: 0.2rem; margin-bottom: 0.2rem;}
.case-list .pklink{color: #a3a3a3; font-size: 0.86rem;}
.case-list li:hover .pklink{color: #2172c2;}
.case-list .caseimgbox{position: relative;}
.case-list .caseimgbox .tp-item-title{font-size: 1.1428rem; color: #4a4a4a; line-height: 2.28rem; font-weight: bold;position: absolute; left:0; bottom: 0; background-color: rgba(0,0,0,0.5); color: #fff; width: 100%; padding:0.3rem 1rem;}
.case-list .tp-item-img{height: 11.78rem; width: 100%;}
.case-list .tp-item-img img{width: 100%; height: 100%; object-fit: cover;}

.adbanner{background: url("../images/adbg01.jpg") no-repeat 100% 100%; background-size: cover; padding: 7.7rem; margin-bottom: 0;}
.adbanner .adbox{background-color: rgba(0,0,0,.18); padding: 2rem;color: #fff; width: 38%;}
.adbanner h2{font-size:2.286rem; font-weight: bold; margin-bottom: 0.8rem; }
.adbanner .ms{font-size:1.1428rem; font-size: 1rem;}
.adbanner a{color: #ffe1b7; margin-top: 2.6rem;}
.adbanner a:hover{color: #fff;}

.mgtop-banner {
	margin-top: -160px;
	position: relative;
	z-index: 3;
}
.bannerdownbg{
	display: flex;
	justify-content: space-between;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	background: hsla(0, 0%, 100%, .7);
	border: 1px solid #fff;
}
.pd01{padding: 1rem;}
.pd02{padding: 2rem;}
.pd03{padding: 3rem;}

.spbox01{margin-top: 2rem;}
.spbox01 ul{display: flex; flex-wrap: wrap;}
.spbox01 li{width: 33.33%; margin-bottom: 3rem; padding:1rem 2rem; border-right: 1px solid #e5e5e5; background-color: #f7fcff;}
.spbox01 li:nth-child(3n){border-right: 0;}
.spbox01 li .imgbox{width: 100%; height: 15.5rem;overflow: hidden;}
.spbox01 li .imgbox img{width: 100%; height: 100%; object-fit: cover;border-radius: 0.5rem;transition: 0.5s all;}
.spbox01 li:hover .imgbox img{transform: scale(1.04);}
.spbox01 li .wordbox{padding-top: 2rem;}

.spbox02{margin-top: 2rem;}
.spbox02 ul{display: flex; flex-wrap: wrap;}
.spbox02 li{width: 33.33%; margin-bottom: 3rem; padding:1rem 2rem;}
.spbox02 li a{display:flex; justify-content: space-between;}
.spbox02 li .imgbox{width: 4.86rem; height:4.86rem;overflow: hidden;}
.spbox02 li .imgbox img{width: 100%; height: 100%; object-fit: contain;border-radius: 0.5rem;transition: 0.5s all;}
.spbox02 li:hover .imgbox img{transform: scale(1.04);}
.spbox02 li .wordbox{padding:0 2rem;}

.spbox03{margin-top: 2rem;}
.spbox03 ul{display: flex; flex-wrap: wrap;}
.spbox03 li{width: 100%;  padding:3rem 0; border-bottom: 1px solid #e5e5e5; }
.spbox03 li:nth-child(1){padding: 0 0 3rem;}
.spbox03 li .boxbdly{display:flex; justify-content: space-between;width: 100%; align-items: center;}
.spbox03 li h3{font-size: 1.72rem;position: relative; padding-bottom: 1.6rem;}
.spbox03 li h3::after{content: ''; width: 6rem; height: 0.3rem; background-color: #2172c2; position: absolute; left: 0; bottom: 0.6rem;}
.spbox03 li .imgbox{width: 43%; overflow: hidden;}
.spbox03 li .imgbox img{width: 100%; height: 100%; object-fit: cover;border-radius: 0.5rem;transition: 0.5s all;}
.spbox03 li:hover .imgbox img{transform: scale(1.04);}
.spbox03 li .wordbox{padding: 2rem;width: 53%;}
.spbox03 li.rightbox .boxbdly .wordbox{order:0;}
.spbox03 li.rightbox .boxbdly .imgbox{order:1;}
.spbox03 li p{color: #676666;}
.spbox03 .igzslist{display: flex; align-items: center; align-content: center; height: 100%; margin-top: 2rem; margin-left: 0;}
.spbox03 .igzslist li{ width:12.5%;padding: 0;border: 0; text-align: center;}
.spbox03 .igzslist img{width:100%; border-radius: 50%;}


.shuzizu{padding:2rem;}
.shuzizu ul{display: flex; justify-content: space-between;}
.shuzizu ul li{ float: left; width: 20%; text-align: center; }
.shuzizu ul li:last-child{border: 0;}
.shuzizu ul li text{position: relative; display: inline-table;}
.shuzizu ul li span.counter{font-size: 5rem; font-weight: bold; color:#2171c0; text-align: center;line-height: 5rem;}
.shuzizu ul li i{font-weight: normal; font-style: unset; font-size: 1.68rem; color: #2171c0;position: absolute; top: 0;right: -1rem;}
.shuzizu ul li p{font-weight: bold;font-size: 1.28rem;color: #000000;}

.banner_num{margin-top: 0.6rem; max-width: 760px;}
.shuzizusm{padding:0.2rem;}
.shuzizusm ul{display: flex;}
.shuzizusm ul li{ text-align: center; margin-right: 3rem;}
.shuzizusm ul li:last-child{border: 0;}
.shuzizusm ul li text{position: relative; display: inline-table;}
.shuzizusm ul li span.counter{font-size: 4rem; color:#2171c0; text-align: center;line-height: 4rem; padding-right: 1rem;}
.shuzizusm ul li i{font-weight: normal; font-style: unset; font-size: 1.68rem; color: #2171c0;position: absolute; top: 0;right: -1rem;}
.shuzizusm ul li p{font-weight: bold;font-size: 1.28rem;color: #000000;}


.case-view-pc{background-color: #f6f8fc;}

.case-view-pc .case-item-row {
	display: flex;
	justify-content: space-between;
	margin: 40px 0 0;
	padding: 0
}

.case-view-pc .case-item-row li {
	cursor: pointer;
	height: 14.68rem;
	list-style: none;
	padding-left: 13.33px;
	padding-right: 13.33px;
	transition: .6s;
	width: 33.3333%
}

.case-view-pc .case-item-row li:first-child {
	padding-left: 0;
	padding-right: 26.66px
}

.case-view-pc .case-item-row li:last-child {
	padding-left: 26.66px;
	padding-right: 0
}

.case-view-pc .case-item-row li .item-c {
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	position: relative;
	width: 100%
}

.case-view-pc .case-item-row li .item-c .c-bottom-view {
	align-items: center;
	background-color: rgba(0,0,0,.5);
	bottom: 0;
	display: flex;
	flex-direction: column;
	height: 46px;
	left: 0;
	position: absolute;
	transition: all .6s;
	width: 100%
}

.case-view-pc .case-item-row li .item-c .c-bottom-view .c-title {
	-webkit-line-clamp: 1;
	color: #fff;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all
}

.case-view-pc .case-item-row li .item-c .c-bottom-view .c-look-btn {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	margin-top: 10px;
	opacity: 0;
	text-align: center;
	transition: .6s
}

.case-view-pc .case-item-row li .item-c .c-bottom-view .c-look-btn .btn-icon {
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	color: #0a0a0a;
	display: flex;
	font-size: 18px;
	height: 24px;
	justify-content: center;
	margin-left: 10px;
	margin-top: 1px;
	transform: scale(.5);
	transform-origin: 0 50% 0;
	width: 24px
}

.case-view-pc .case-item-row li .item-c .c-bottom-view .c-look-btn .btn-icon i {
	font-weight: 700;
	margin-left: 1px
}

.case-view-pc .case-item-row .is-active {
	transition: .6s;
	width: 45.1%
}

.case-view-pc .case-item-row .is-active .item-c {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,.1)
}

.case-view-pc .case-item-row .is-active .item-c .c-bottom-view {
	height: 72px!important;
	transition: .6s
}

.case-view-pc .case-item-row .is-active .item-c .c-bottom-view .c-look-btn {
	opacity: 1;
	transition: .6s
}

.case-view-pc .case-item-row .un-active {
	transition: .6s;
	width: 28.5625%
}

@media screen and (max-width: 1199px) {
	.case-view-pc .case-item-row li {
		width:50%
	}

	.case-view-pc .case-item-row li:first-child {
		padding-left: 0;
		padding-right: 20px
	}

	.case-view-pc .case-item-row li:last-child {
		padding-left: 20px;
		padding-right: 0
	}

	.case-view-pc .case-item-row .is-active {
		width: 66%
	}

	.case-view-pc .case-item-row .un-active {
		transition: .6s;
		width: 34%
	}
}


.all-case{	padding-bottom: 8px;padding-top: 8px}


.all-case .tag-title{
	color: #333;
	flex-shrink: 0;
	font-size: 1.1428rem;
	line-height: 56px;
	margin-right: 8px;
	font-weight: bold;
	width: 8rem;
}
.filter-box{padding: 2rem 0}
.tag-list {
	flex-wrap: wrap;
}

.tag-list .tag {
	background-color: #f8f8f8;
	font-size: 1rem;
	line-height:1rem;
	margin: 6px;
	padding: 12px 14px; border-radius: 0.4rem;
}

.tag-list .tag.selected {
	background-color: #e5edf6;
	color: #2172c2
}

@media screen and (min-width: 768px) {
	.tag-list .tag {
		border:1px solid #ccc;
		color: #666;
		font-size: 14px;
		line-height: 14px;
		margin: 8px;
		padding: 12px 16px
	}

	.tag-list .tag.selected {
		background-color: #2172c2;
		border-color: #2172c2;
		color: #fff
	}

	.tag-list .tag:not(.selected):hover {
		background-color: #2172c2;
		border-color: #2172c2;
		color: #fff
	}
}



.case-list-item {
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
	display: block;
	height: 100%;
	overflow: hidden;
	transition: transform .1s ease-out;
}
.case-list-item .caselink{width: 100%;}
.case-list-item img{width: 100%; height: 100%; object-fit: cover;}
.case-list-item .card-img,.case-list-item {
	border-radius: 0.6rem;
}

.case-list-item .text-box {
	color: #333;
	padding: 12px;
	z-index: 3
}

.case-list-item .title {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 6px
}

.case-list-item .describe {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis
}

.case-list-item .tag-box {
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 3
}

.case-list-item .tag-box .tag {
	color: #fff;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 36px
}
.aspectratio-container {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
}
@media screen and (min-width: 768px) {
	.case-list-item .text-box {
		background-color:rgba(0,0,0,.5);
		bottom: 0;
		color: #fff;
		padding: 12px 24px;
		position: absolute;
		width: 100%
	}

	.case-list-item .title {
		font-size: 1.1428rem;
	}

	.case-list-item .describe {
		-webkit-line-clamp: 1;
		font-size: 1rem;
	}

	.case-list-item .products {
		display: flex;
		flex-wrap: wrap;
		padding: 0 1rem
	}

	.case-list-item .product {
		border: 1px solid #ddd;
		margin-bottom: 12px;
		margin-left: 8px;
		margin-right: 8px;
		padding: 3px 6px;
		width: calc(50% - 16px)
	}

	.case-list-item .product:hover {
		border-color: #004baa;
		color: #004baa
	}

	.case-list-item .tag-box {
		right: 16px;
		top: 16px
	}
}

@media screen and (min-width: 768px)and (any-hover:hover) {
	.case-list-item:hover {
		box-shadow:0 10px 24px 0 rgba(0,0,0,.12);
		transform: translateY(-4px)
	}
}

.case-list{
	padding: 0 16px
}

.case-list .case-list-empty{
	padding: 48px 0
}

.case-list .case-list-empty>img{
	width: 240px
}

.case-list .list{
	margin-left: -4px;
	margin-right: -4px
}

.case-list .list-item{
	padding-left: 4px;
	padding-right: 4px;
	width: 50%
}

@media screen and (min-width: 768px) {
	.case-list .case-list-empty{
		padding:80px 0
	}

	.case-list .case-list-empty>img{
		width: auto
	}

	.case-list .list{
		margin-left: -12px;
		margin-right: -12px
	}

	.case-list .list-item{
		padding-left: 12px;
		padding-right: 12px
	}
}

@media screen and (min-width: 1280px) {
	.case-list .list{
		margin-left:-20px;
		margin-right: -20px
	}

	.case-list .list-item{
		padding-left: 20px;
		padding-right: 20px;
		width: 33.33%
	}
}

/* 分页样式 */
.pagination-wrap { display: flex; justify-content: center; align-items: center; gap: 0.5rem; margin: 2rem 0; }
.pagination-btn {
	padding: 0.5rem 1rem; border: 1px solid #e0e0e0; border-radius: 4px;
	background: #fff; cursor: pointer;
}
.pagination-btn.active { background: #007bff; color: #fff; border-color: #007bff; }
.pagination-btn.disabled { cursor: not-allowed; color: #ccc; border-color: #eee; }


.casebox{display: flex; justify-content: space-between; margin-top: 3rem;}
.casebox .caseleft{width: 60%;}
.casebox .caseright{width: 36%; background-color: #fafafa; padding:3rem;}
.casebox .videlbox{width: 100%;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding: 1rem;}
.casebox .wordbox{padding: 1rem; font-size: 1.1428rem;font-weight: 400;}
.casebox .caseright h3{font-size: 1.28rem; font-weight: bold; margin-bottom: 0.6rem;}
.casebox .comlogo{ margin-bottom: 1.6rem; width: auto; height: 4.357rem; }
.casebox .comlogo img{object-fit: contain; width: auto;height: 100%;}
.casebox .comword{ margin-bottom: 1.6rem;}

.whycm{background-color: #f1f5fc; padding: 3rem 0;}

.whyboxall{margin-top: 3rem;}
.whybox-flex{display: flex; justify-content: space-between;}
.wybox{box-shadow: 0 2px 8px rgba(0, 29, 57, 0.08); padding:2.88rem 3.248rem; margin-bottom: 1rem; background-color: #fff;}
.wybox span{font-weight: bold; color: #2171c0; margin-right: 0.6rem;}
.wybox p{font-size: 1.1428rem;}
.wbox0 p{text-indent: 2em;}
.whybox-flex .wybox{width: 49.2%;}

.test-item .rqbox{margin-top: 0rem;padding: 2rem 0; border-radius: 1rem; border: 0px #ececec solid;box-shadow: 0 8px 16px -2px rgba(0, 0, 0, .1);}

.package-swp{margin-top: 2rem;}
.package-swp ul{}
.package-swp ul li{width: 25%; padding: 0.5rem; border-radius: 0.5rem; margin-bottom: 0.8rem;}
.package-swp ul li a{display: block;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); width: 100%;}
.package-swp ul li:hover a {border: none;
	box-shadow: 0 10px 24px 0 rgba(0,0,0,.12);
	transform: translateY(-4px)
}
.package-swp .tp-item-title{font-size: 1.1428rem; color: #4a4a4a; line-height: 2.28rem; font-weight: bold;}
.package-swp .packpd{padding: 0.8rem;}
.package-swp .taplist{font-size: 1rem; color: #525252;}
.package-swp .taplist span i{color: #2172c2;}
.package-swp .pklink{color: #a3a3a3; font-size: 0.86rem;}
.package-swp li:hover .pklink{color: #2172c2;}
.package-swp .tp-item-img{height: 11.78rem; width: 100%;}
.package-swp .tp-item-img img{width: 100%; height: 100%; object-fit: cover;}


.case-list-swp{margin-top: 2rem;}
.case-list-swp ul{}
.case-list-swp ul li{width: 22%; padding: 0.5rem;  margin-bottom: 0.8rem; }
.case-list-swp ul li .box{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); border-radius: 0.68rem;overflow: hidden; transition: 0.3s all;}
.case-list-swp ul li:hover .box{
	border: none;
	box-shadow: 0 10px 24px 0 rgba(0,0,0,.12);
	transform: translateY(-4px)
}
.case-list-swp ul li a{display: block;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); width: 100%;}
.case-list-swp .packpd{padding: 0.8rem;}
.case-list-swp .taplist{ color: #525252;}
.case-list-swp .taplist a{border: 1px solid #ccc; padding: 0.1rem 0.5rem; background-color: #fff; font-size: 0.86rem; display: inline-block;width: auto; margin-right: 0.2rem; margin-bottom: 0.2rem;}
.case-list-swp .pklink{color: #a3a3a3; font-size: 0.86rem;}
.case-list-swp li:hover .pklink{color: #2172c2;}
.case-list-swp .caseimgbox{position: relative;}
.case-list-swp .caseimgbox .tp-item-title{font-size: 1.1428rem; color: #4a4a4a; line-height: 2.28rem; font-weight: bold;position: absolute; left:0; bottom: 0; background-color: rgba(0,0,0,0.5); color: #fff; width: 100%; padding:0.3rem 1rem;}
.case-list-swp .tp-item-img{height: 11.78rem; width: 100%;}
.case-list-swp .tp-item-img img{width: 100%; height: 100%; object-fit: cover;}

.kcsfz{margin-top: -160px; background: url("../images/csfzbg.jpg") no-repeat center;}

.ly-main-lr{width: 100%;display: flex; margin-top:3.6rem;}
.ly-main-lr .ly-sidebar{
	flex-shrink: 0;
	margin-bottom: 100px;
	max-height: 450px;
	/*overflow-y: scroll;*/
	overscroll-behavior: contain;
	padding-left: 1px;
	position: sticky;
	scroll-behavior: smooth;
	top: 118px;
	width: 23%;
}
.leftmenu li{ width: 100%;margin-top: 0.8rem;}
.leftmenu li a{display: block;height: 3.428rem; line-height: 3.428rem; padding-left: 2.5rem; font-size: 1.1428rem; }
.leftmenu li:hover a{background: url("../images/leftmenubg.jpg") no-repeat; color: #2171c0;font-weight: bold;}
.leftmenu li a.is-active{background: url("../images/leftmenubg.jpg") no-repeat;color: #2171c0;font-weight: bold;}

.ly-group_list{padding: 0; width: 77%;}
.group_all{margin-bottom: 2rem;}
.group_all h2{font-size: 1.428rem; font-weight: normal; margin: 1rem 0;}
.group_all h2 i{font-size: 2.28rem; color: #2171c0; bottom: -0.3rem;position: relative;}
.group_all h3{font-size: 1.1428rem;font-weight: bold; margin-left: -0.7rem;}
.group_all h3 i{font-size: 0.6rem;color: #2171c0; position: relative; left: -0.5rem; top: -0.2rem;}
.group_box{padding: 1rem;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); width: 100%; display: flex; flex-wrap: wrap; background-color: #fff;}
.group_box .gbox{width: 32.33%; margin: 1rem 0.5%; padding: 2rem;}
.group_box .gbox:hover{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}
.group_box a{color: #2171c0; margin-top:0.6rem; font-size: 0.9rem;}
.group_box .gbox:hover h3{color: #2171c0;}
.group_box p{color: #9b9b9b;}
.boxtop{display: flex; justify-content: space-between;}
.boxtop .tags span{border: 1px solid #ccc; color: #0082c6; padding: 0.1rem 0.3rem;font-size: 0.9rem;}

.ly_banner {
	height: 352px;
	position: relative;
	width: 100%;
}
.lybanner-fz{background-size: cover;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.lybanner-fz .lybanner-bd{color: #fff; padding: 4.785rem 0 0; text-align: center; width: 60rem; margin: 0 auto;}
.bnword{line-height: 1.2rem; font-size:0.9rem; margin-top: 2rem;}
.lybanner-bd h3{font-size: 2.72rem; position: relative;font-weight: bold;}
.lybanner-bd h3::after{position:absolute;width: 6rem; height: 0.2rem;background-color: #fff;content: ''; bottom: -1rem; left:50%; margin-left: -3rem;}


.ly-banner-num {
	margin-top: -5.5rem;
	position: relative;
	z-index: 3;
}
.ly-banner-num-box{background-color: #fff;border-radius: 0.6rem; max-width: 1200px;}
.shuzizusm1{padding:3rem;}
.shuzizusm1 ul{display: flex; justify-content: space-between}
.shuzizusm1 ul li{ text-align: center; margin-right: 3rem; width: 20%;}
.shuzizusm1 ul li:last-child{border: 0;}
.shuzizusm1 ul li text{position: relative; display: inline-table;}
.shuzizusm1 ul li span.counter{font-size: 2.285rem; color:#2171c0;font-weight: bold; text-align: center;line-height: 2.3rem; padding-right: 1rem;}
.shuzizusm1 ul li p{font-size: 1.28rem;color: #404040;}

.topswiper .fzSwiper{}
.topswiper .fzSwiper .swiper-slide{position: relative;background-repeat: no-repeat;background-size: cover;height: 35.28rem;}
.topswiper .fzSwiper .swiper-slide::after{top:0; left:0;content: '';width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute;z-index: 0;}
.topswiper .fzSwiper .swiper-pagination-bullet {
	width: 1rem;
	height: 1rem;
	display: inline-block;
	border-radius: 0.2rem;
	background: #fff;
	opacity: 0.5;
}
.topswiper .fzSwiper .swiper-pagination-bullet-active {
	opacity: 0.9;
}
.case_0IPAe {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 4rem;
	width: 100%;
	height: 35.28rem;
	z-index: 1;
	position: relative;
}

.title_big{position: absolute; top:3rem; left: 0; width: 100%; text-align: center;color: #fff;font-size: 2rem;}
.title_mqhIx {
	color: #fff;
	font-size: 1.714rem;
	font-weight: 700;
	line-height: 1.714rem;
	margin-bottom: 25px
}

.intro_LAPTR {
	max-width: 600px
}

.button_DG2gQ,.intro_LAPTR {
	color: #fff;
	font-size: 1rem;
	line-height: 1.5rem
}

.button_DG2gQ {
	border: 1px solid #fff;
	margin-top: 36px;
	line-height: 2.68rem;
	text-align: center;
	width: 117px
}

.fzbox-one{background-color: #f5f5f5; padding: 3rem; margin-top: 5rem;}
.fzbox-one h2{text-align: center; margin-bottom: 2rem;font-size: 2rem;}
.fzbox-one .fzbox-one-bd{display: flex; justify-content: space-between; margin-bottom: 2rem; border-radius: 1rem;overflow: hidden;}
.fzbox-one .fzbox-one-bd .fbdleft{width: 50%; background-color: #fff; padding: 2rem;}
.fzbox-one .fzbox-one-bd .fbdright{width: 50%; background-color: #fff;}
.fzbox-one .fzbox-one-bd .sbt{color: #000; margin-bottom: 1rem; font-size: 1.1428rem;}
.fzbox-one .fzbox-one-tags{display: flex; justify-content: space-between;}
.fzbox-one .fzbox-one-tags span{background-color: #fff; font-size: 1.428rem;font-weight: bold; color: #000; text-align: center; padding:2rem 3rem;border-radius: 1rem;transition: 0.5s all;}
.fzbox-one .fzbox-one-tags span:hover{background-color: #2171c0; color: #fff;}

.fzbox-two{  margin-top: 5rem;}
.fzbox-two h2{margin-bottom: 2rem;font-size: 2rem;}
.fzbox-two .fzbox-two-bd{display: flex; justify-content: space-between;}
.fzbox-two .fzbox-two-bd .fbdleft{width: 68%;  padding: 2rem;}
.fzbox-two .fzbox-two-bd .fbdright{width: 30%; }
.fzbox-two .fzbox-two-bd .fbdright .fbrimg{margin-bottom: 1.2rem;}
.fzbox-two .fzbox-two-bd .fbdright h3{font-size: 1.2rem; font-weight: bold; margin-bottom: 1.2rem;}
.fzbox-two .fzbox-two-bd .fbdright a{color: #2171c0; margin-top: 1.2rem;}

.fzbox-four{background-color: #f5f5f5; padding: 2rem; margin-top: 5rem;}
.fzbox-four-list ul{display: flex; justify-content: left; flex-wrap: wrap;}
.fzbox-four-list ul li{width: 25%; padding: 0.5rem; border-radius: 0.5rem;}
.fzbox-four-list ul li a{display: block; width: 100%;}
.fzbox-four-list ul li:hover a {border: none;	box-shadow: 0 10px 24px 0 rgba(0,0,0,.12);	transform: translateY(-4px)}
.fzbox-four-list .ms{font-size: 0.8rem;}
.fzbox-four-list .tp-item-title{font-size: 1rem; color: #4a4a4a; line-height: 2.28rem; font-weight: bold;}
.fzbox-four-list .packpd{padding: 0.8rem ;}
.fzbox-four-list .tp-item-img{height: 10rem; width: 100%;}
.fzbox-four-list .tp-item-img img{width: 100%; height: 100%; object-fit: cover;}


.spboxfz{margin-top: 2rem;}
.spboxfz ul{display: flex; flex-wrap: wrap;}
.spboxfz li{width: 100%;  padding:3rem 0; border-bottom: 1px solid #e5e5e5; }
.spboxfz li:nth-child(1){padding: 0 0 3rem;}
.spboxfz li .boxbdly{display:flex; justify-content: space-between;width: 100%; align-items: center;}
.spboxfz li h3{font-size: 1.282rem;position: relative; padding-bottom: 1.6rem;}
.spboxfz li h3::after{content: ''; width: 4rem; height: 0.2rem; background-color: #2172c2; position: absolute; left: 0; bottom: 0.6rem;}
.spboxfz li .imgbox{width: 43%; overflow: hidden;}
.spboxfz li .imgbox img{width: 100%; height: 100%; object-fit: cover;border-radius: 0.5rem;transition: 0.5s all;}
.spboxfz li:hover .imgbox img{transform: scale(1.04);}
.spboxfz li .wordbox{padding: 2rem;width: 53%;}
.spboxfz li.rightbox .boxbdly .wordbox{order:0;}
.spboxfz li.rightbox .boxbdly .imgbox{order:1;}
.spboxfz li p{color: #676666;}
.spboxfz .igzslist{display: flex; align-items: center; align-content: center; height: 100%; margin-top: 2rem; margin-left: 0;}
.spboxfz .igzslist li{ width:12.5%;padding: 0;border: 0; text-align: center;}
.spboxfz .igzslist img{width:100%; border-radius: 50%;}



.news_nav {
	position: sticky;
	top: 0;
	z-index: 4;
}

.news_nav .nav_box {
	display: flex;
	position: relative;
	width: 100%;
	box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .1);
	border-radius: 1rem;
	padding: 2rem;
	align-items: center;
}

.news_nav .nav_wrap {
	display: flex;
	flex: 1;
	overflow: hidden;
	position: relative
}

.news_nav .nav_scroll {
	overflow: hidden
}

.news_nav .nav_list {
	align-items: flex-end;
	background-color: #fff;
	display: flex;
	float: left;
	position: relative;
	transition: transform .3s;
	white-space: nowrap;
	z-index: 2
}

.news_nav .nav_item {
	box-sizing: border-box;
	color: #333;
	cursor: pointer;
	display: inline-block;
	margin-right: 2rem;
	position: relative; padding: 1rem 2rem; border-radius: 1.28rem;
}

.news_nav .nav_item:hover,.news_nav .nav_item.is_active {
	font-weight: 600;
	color: #fff;
	background-color: #2171c0;
}

.news_nav .nav_right {

}

@media screen and (min-width: 767px)and (max-width:1199px) {
	.news_nav {
		top:48px
	}
}


.newslist{margin-top: 3rem;}
.newslist ul{display: flex; flex-wrap: wrap;}
.newslist li{width: 100%;  padding:3rem 0; border-bottom: 1px solid #e5e5e5; }
.newslist li:nth-child(1){padding: 0 0 3rem;}
.newslist li .boxbdly{display:flex; justify-content: space-between;width: 100%; align-items: center;}
.newslist li h3{font-size: 1.282rem;position: relative; padding-bottom: 1.6rem;}
.newslist li h3::after{content: ''; width: 4rem; height: 0.2rem; background-color: #2172c2; position: absolute; left: 0; bottom: 0.6rem;}
.newslist li .imgbox{width: 38%; overflow: hidden;border-radius: 0.8rem;}
.newslist li .imgbox img{width: 100%; height: 100%; object-fit: cover;border-radius: 0.8rem;transition: 0.5s all;}
.newslist li:hover .imgbox img{transform: scale(1.04);}
.newslist li .wordbox{padding: 2rem;width: 60%;}
.newslist li .ms{color: #676666; margin-bottom: 1.2rem;}
.newslist li .data{color: #bfbfbf; font-size: 0.9rem;}
.newslist .igzslist{display: flex; align-items: center; align-content: center; height: 100%; margin-top: 2rem; margin-left: 0;}
.newslist .igzslist li{ width:12.5%;padding: 0;border: 0; text-align: center;}
.newslist .igzslist img{width:100%; border-radius: 50%;}

.local {padding: 1rem 0; }
.dtit{padding: 2rem 0 1rem;}
.detailly{}
.dcs{display: flex; justify-content: left; padding-bottom: 1rem; border-bottom: 3px solid #2171c0;}
.dcs .datetime{margin-right: 1rem;}
.dcs .datetime i{color: #2171c0;}
.dcs .tags span{border: 1px solid #ccc; color: #000; padding: 0.2rem 0.6rem;font-size: 1rem;}
.newsword{display: flex; justify-content: space-between; flex-wrap:wrap; padding: 3rem 0rem;}
.newsword .content{width: 68%;}
.newsword .nright{width: 22%;}
.newsword .ly-sidebar{
	flex-shrink: 0;
	margin-bottom: 100px;
	max-height: 450px;
	/*overflow-y: scroll;*/
	overscroll-behavior: contain;
	padding-left: 1px;
	position: sticky;
	scroll-behavior: smooth;
	top: 88px;
	width: 100%;
}
.newsword .ly-sidebar .rtt{font-size: 1.57rem;color: #000; }
.rightnews{padding: 1rem;border-bottom: 2px solid #ccc;border-top:2px solid #ccc;}
.rightnews li{ width: 100%;margin-top: 0.8rem;}
.rightnews li a{display: block; font-size: 1rem; }
.rightnews li:hover a{ color: #2171c0;font-weight: bold;}
.rightnews li a.is-active{color: #2171c0;font-weight: bold;}
.nright .pain{margin-top: 1rem;}

.nright .pain .prev,.nright .pain .next{display: flex;justify-content: left;}
.nright .pain .p{color: #2171c0; width: 68px;flex-shrink: 0;}
.nright .pain .a{flex: 1;}


.zd_erha {
	position: fixed;
	right: 1.82292%;
	bottom: 30%;
	z-index: 999;
}

@media (max-width: 768px) {
	.zd_erha {
		display: none;
	}
	.kajjt {
		display: none;
	}
}

.zd_erha .aat_list li {
	position: relative;
}

.zd_erha .aat_list li + li {
	margin-top: 1.25rem;
}

.zd_erha .aat_list li .erghgsa {
	position: absolute;
	z-index: -1;
	padding: 0.5em 1rem;
	width: auto;
	right: -webkit-calc(110% + 5px);
	right: -moz-calc(110% + 5px);
	right: calc(110% + 5px);
	top: 10%;
	opacity: 0;
	visibility: hidden;
	transform: translateX(110%);
	transition: all .7s;
	box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
	color: #333;
	font-size: 1.125rem;
	background: #fff;
	border-radius: 0.4rem;
}

.zd_erha .aat_list li:hover .erghgsa {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.zd_erha .aat_list li .erghgsb{
	width: 7rem;
	padding: 0.3rem;
}
.zd_erha .aat_list li:nth-child(2) i img{
	height: 1.9rem;
}

.zd_erha a {
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	position: relative;
	background: #fff;
	border-radius: 50%;
	line-height: 3.7rem;
	box-shadow: 0 0 1rem rgba(51, 51, 51, 0.2);
}

.zd_erha a i {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.zd_erha a i img {
	height: 1.25rem;
}

.zd_erha a:hover {
	background: #00539F;
}

.zd_erha a:hover img {
	-webkit-filter: invert(99%) sepia(53%) saturate(0%) hue-rotate(125deg) brightness(114%) contrast(100%);
	filter: invert(99%) sepia(53%) saturate(0%) hue-rotate(125deg) brightness(114%) contrast(100%);
}

/* 向下拉提示元素容器 */
.scroll-down-tip {
	/* 定位在banner底部中间 */
	position: absolute;
	left: 50%;
	bottom: 1rem;
	transform: translateX(-50%);
	/* 样式美化 */
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	/* 核心：绑定上下跳动动画 */
	animation: bounce-down 1.2s ease-in-out infinite;
}

/* 箭头样式（可选） */
.scroll-down-tip .arrow {
	font-size: 1rem;
}

/* 定义上下跳动的关键帧动画 */
@keyframes bounce-down {
	0%, 100% {
		transform: translateX(-50%) translateY(0); /* 初始/结束位置 */
	}
	50% {
		transform: translateX(-50%) translateY(10px); /* 向下移动的位置 */
	}
}

.m-pop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:800;display:none}
.pop-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}
.pop-video{position:absolute;left:50%;top:50%;width:68%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pop-video .close{position:absolute;right:-60px;top:-60px;width:30px;height:30px;background:url(../images/close.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;cursor:pointer}
.pop-video video{display:block;width:100%}

.tx_banner .aboutbanner {
	position: relative;
	padding-bottom: 40px;
	padding-top: 40px;
}
.tx_banner .aboutbanner .banner-title{color: #fff;}
.tx_banner .aboutbanner .banner-describe{color: #fff;}
.tx_banner .aboutbanner .nap-container-in{width: 48%;}
.tx_banner .aboutbanner .cb__button-group a{color: #fff; font-size: 1.142rem; display: flex; justify-content: left; align-items: center;}
.tx_banner .aboutbanner .cb__button-group a i{font-size: 2rem; margin-right: 0.5rem;}
.tx_banner .aboutbanner .cb__button-group a:hover{color:#fd7e14;}


.about_nav {
	position: sticky;
	top: 0;
	z-index: 4;
	margin-top: -50px;
}
.about_nav .nav_box {
	display: flex;
	position: relative;
	width: 100%;
	box-shadow: 0 5px 20px -5px rgba(33, 114, 194, .2);

}

.about_nav .nav_wrap {
	align-items: center;
	width: 100%;
}

.about_nav .nav_list {
	align-items: flex-end;
	background-color: #fff;
	display: flex;
	float: left;
	position: relative;
	transition: transform .3s;
	white-space: nowrap;
	z-index: 2;
	justify-content: center; width: 100%;
	padding:0 2rem;
	border-radius: 1.68rem;
}



.about_nav .nav_item {
	box-sizing: border-box;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 1.142rem;
	position: relative; text-align: center;
	margin:0 2rem; padding: 2rem 0;
}
.about_nav .fixed .nav_item{padding: 1rem 0;}
.about_nav .nav_item::after {
	background-color: #2172c2;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: 50% 50%;
	transition: transform .3s ease;
	width: 100%
}

.about_nav .nav_item:hover {
	color: #004baa
}

.about_nav .nav_item.is_active {
	font-weight: 600;color: #004baa;
}

.about_nav .nav_item.is_active:after {
	transform: scaleX(1)
}
@media screen and (min-width: 767px)and (max-width:1199px) {
	.about_nav {
		top:48px
	}
}

.aboutbg{background: url("../images/csfzbg.jpg") no-repeat 100% 100%; background-size: cover;}
.aboutusbox{display: flex; justify-content: space-between; align-items: center; margin: 4rem 0;}
.aboutusbox .aboxleft{width: 24%;margin-right: 3%;}
.aboutusbox .aboxleft h1{font-size: 2.15rem;color: #313131;position: relative;margin-bottom: 0.5rem; padding-bottom: 0.5rem;}
.aboutusbox .aboxleft h1:after{content: '';position: absolute; bottom: 0;left: 0; width: 6.5rem; height: 0.2rem; background: #2171c0; }
.aboutusbox .aboxleft h2{font-size:3rem;color:#005fa9; font-weight: 500;}
.aboutusbox .aboxright{width: 75%;padding-left:6%; border-left:1px solid #c8deee;}

.aboutusvideo{display: flex; justify-content: space-between; align-items: center; margin: 4rem 0;}
.aboutusvideo .videlbox {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);padding: 1rem;display: inline-block;}
.aboutusvideo .aboxleft{width: 60%;}
.aboutusvideo .aboxright{width: 38%; margin-left: 2%;}

.aboutcont .contbox{padding: 2rem; background-color: #fff; box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .2);}
.aboutcont .contbox ul{display: flex; justify-content: center;}
.aboutcont .contbox ul li{padding: 0 2rem; font-size: 1.1428rem; display: flex; align-items: center;}
.aboutcont .contbox ul li i{font-size: 3rem; color: #2171c0;margin-right: 1rem;}
.aboutcont .contbox ul li:hover{color: #2171c0;}

.fzlc{padding-top:1rem;}
.fzlcbox{background: url("../images/fzlcbg.jpg") no-repeat center bottom;background-size: cover; }


/*  banner容器（含背景图+大标题） */
.timeline-banner {
	position: relative;
	width: 80%;
	color: #fff;
	overflow: hidden;
	margin: 1.5rem auto 0;
}
/* 背景"HISTORY"大标题 */
/*.timeline-banner::before {*/
/*	content: "HISTORY";*/
/*	position: absolute;*/
/*	top: 20px;*/
/*	left: 50%;*/
/*	transform: translateX(-50%);*/
/*	font-size: 80px;*/
/*	font-weight: 700;*/
/*	color: rgba(255, 255, 255, 0.1);*/
/*	z-index: 0;*/
/*}*/

/* Swiper容器样式 */
.timeline-swiper {
	width: 100%;
	padding: 7rem 0;
	position: relative;
	z-index: 1; /* 让内容在HISTORY标题上方 */
}

/* Swiper-slide核心样式：中间完整、左右半显 */
.timeline-swiper .swiper-slide {
	width: 30%; /* 每个slide占容器30%，3个刚好左右半显 */
	height: auto;
	opacity: 0.8;
	transition: all 0.3s ease;

}
/* 中间激活slide的高亮效果 */
.timeline-swiper .swiper-slide-active {
	opacity: 1;
	transform: scale(1.05);
}

/* slide内容块样式 */
.timeline-swiper .slide-content {
	background: rgba(255, 255, 255, 0.15);
	padding: 3rem;
	height: 20.8rem;
	border-radius: 1rem;
}
.timeline-swiper .slide-content h3 {
	font-size: 24px;
	margin-bottom: 12px;
}
.timeline-swiper .slide-content p {
	font-size: 14px;
	line-height: 1.6;
}

/* 左右箭头样式 */
.fzlcbox .swiper-button-prev,
.fzlcbox .swiper-button-next {
	color: #fff;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
}
.fzlcbox .swiper-button-prev::after,
.fzlcbox .swiper-button-next::after {
	font-size: 16px;
	font-weight: bold;
}

/* 底部年份导航样式 */
.year-nav {
	border-top: 2px solid #fff;
	display: flex;
	justify-content: center;
	gap: 30px;
	background: url("../images/fzlcline.jpg") no-repeat center bottom; background-size: cover;
}
.year-btn {
	border: none;
	background: transparent;
	color: #454545;
	font-size: 1.2rem;
	cursor: pointer;
	position: relative;
	padding: 20px 0;
}
/* 激活年份的下划线 */
.year-btn.active{font-weight: bold; color: #2171c0}
.year-btn.active::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.3rem;
	background: #2171c0;
}
.year-btn:hover {
	color: #0d3b7c;
}

.x-companyly{margin-top: 0; margin-bottom: 5rem;}


.page_section_03{margin-top:3rem;}
.customer_stories {
	width: 100%;
	box-sizing: border-box;
	padding: 0px 20px 50px;
	display: flex;
	position: relative;
	z-index: 1;
}

.customer_stories .content_item {
	transition: 0.3s ease-out;
	width: 16%;
	height: 600px;
	margin-right: 20px;
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: flex-end;
	box-sizing: border-box;
	padding: 0px 29px 36px;
}

.customer_stories .content_item:last-child {
	margin-right: 0px;
}

.customer_stories .content_item .img {
	width: 100%;
	height: 100%;
	border-radius: 24px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.customer_stories .content_item .img::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: #000;
	opacity: 0.2;
}

.customer_stories .content_item .tit {
	position: relative;
	z-index: 2;
	font-size: 24px;
	color: rgb(255, 255, 255);
	line-height: 1;
}

.customer_stories .content_item .txt {
	font-size: 1.1428rem;
	color: rgb(255, 255, 255);
	position: relative;
	z-index: 2;
	margin-top: 1rem;
	display: none;
}
.content_box .txt_box{position: relative;}
.content_box .txt_box::after {
	content: '';
	position: absolute;
	background: #2171c0;
	width: 4rem;
	height: 0.6rem;
	left: 0;
	bottom: -2.3rem;
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}

.customer_stories .content_item .button {
	/* position: relative; */
	z-index: 2;
	display: none;
	align-items: center;
	margin-top: 28px;
	line-height: initial;
	font-size: initial;
	padding: 0;
	border: 0;
	position: initial;
}

.customer_stories .content_item .time {
	display: none;
	align-items: center;
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 9;
	font-size: 14px;
	color: #fff;
	background: #ffffff33;
	backdrop-filter: blur(71px);
	border-radius: 24px;
	padding: 2px 8px;
}

.customer_stories .content_item .time img {
	width: 18px;
	margin-right: 4px;
}

.customer_stories .content_item .time span {
}

.customer_stories .content_item.active {
	width: 32%;
	padding-bottom: 44px;
}

.customer_stories .content_item.active .time {
	display: flex;
}

.customer_stories .content_item.active .img {
}

.customer_stories .content_item.active .tit {
	font-size: 2.1428rem;
	/*backdrop-filter: blur(71px);*/
}

.customer_stories .content_item.active .txt {
	display: block;
}

.customer_stories .content_item.active .button {
	display: flex;
}

.customer_stories .content_item .button .banner_play_btn {
	display: inline-block;
	font-size: 1rem;
	color: rgb(255, 255, 255);
	line-height: 1;
	background: transparent;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 1rem;
	padding: 1rem 2rem;
	transition: background-size 100ms;
	will-change: background-size, transform;
	backface-visibility: hidden;
	perspective: 1000px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.customer_stories .content_item .button .banner_play_btn:hover {
	color: rgb(0, 0, 0);
	border: 1px solid rgb(255, 255, 255);
	background: #fff;
}

.customer_stories .content_item .button .play {
	width: 48px;
	margin-left: 20px;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.customer_stories .content_item .button .play img {
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
}

.customer_stories .content_item .button .play img.img1 {
}
.customer_stories .content_item .button .play::before {
	content: '';
	backdrop-filter: blur(5px);
	border-radius: 50%;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	opacity: 1;
	visibility: visible;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 98%;
	height: 98%;
}

.customer_stories .content_item .button .play img.img2 {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	opacity: 0;
	visibility: hidden;
}

.customer_stories .content_item .button .play:hover {
}
.customer_stories .content_item .button .play:hover::before {
	visibility: hidden;
	opacity: 0;
}

.customer_stories .content_item .button .play:hover img.img1 {
	visibility: hidden;
}

.customer_stories .content_item .button .play:hover img.img2 {
	visibility: visible;
	opacity: 1;
}

.customer_case {
	width: 100%;
	height: 290px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
	padding: 3rem;
}

.customer_case::before {
	content: '';
	position: absolute;
	left: -140px;
	background: url(../images/bg1.png)
	no-repeat right;
	background-size: 100% 100%;
	width: 260px;
	top: 0px;
	height: 100%;
	z-index: 9;
}

.customer_case::after {
	content: '';
	position: absolute;
	right: -140px;
	width: 260px;
	background: url(../images/bg2.png)
	no-repeat left;
	background-size: 100% 100%;
	top: 0px;
	height: 100%;
	z-index: 9;
}

.hzfbbg{background-color: #f7f7f7; }
.scrollleft {
	width: 100%;
	height: 100%;
	position: relative;
}

.scrollleft ul {
	position: absolute;
	width: 100000px;
	left: 0px;
	height: 100%;
}

.scrollleft li {
	float: left;
	display: inline;
	width: 200px;
	height: 100%;
	margin-right: 20px;
}

.scrollleft li img {
	width: 100%;
	height: 64px;
	float: left;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	opacity: 1;
}

.scrollleft li a {
	margin-bottom: 20px;
	display: block;
	position: relative;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.scrollleft li a span {
	position: absolute;
	width: 100%;
	left: 0;
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #595959;
	transform: rotateY(180deg);
	-webkit-transition: 0.2s;
	transition: 0.2s;
	opacity: 0;
}

.scrollleft li a:last-child {
	margin-bottom: 0px;
}

.scrollleft li a:hover {
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.scrollleft li a:hover img {
	transform: rotateY(180deg);
	opacity: 0;
}

.scrollleft li a:hover span {
	transform: rotateY(0);
	opacity: 1;
}

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

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

.customer_link .a {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 18px;
	color: rgb(25, 25, 25);
}

.customer_link .a img {
	margin-left: 1px;
	width: 20px;
	transition: 0.2s;
}

.customer_link .a:hover img {
	transform: translate(4px);
}
@media (max-width: 900px) {
	.customer_stories {
		width: 100%;
		box-sizing: border-box;
		padding: 0 4.267vw;
		flex-flow: wrap;
	}
	.customer_stories .content_item {
		width: calc(50% - 1.967vw) !important;
		height: 57.333vw;
		margin-right: 3.733vw;
		margin-bottom: 3.733vw;
		padding: 0 3.733vw 4.267vw !important;
	}
	.scrollleft ul {
		width: 100%;
		position: relative;
		height: auto;
		padding-bottom: 4.667vw;
	}
	.scrollleft ul li {
		margin-right: 0;
		width: 24vw;
		float: initial;
		box-sizing: border-box;
		padding-right: 2.667vw;
	}
	.scrollleft ul li a {
		margin-bottom: 2.667vw;
		border-radius: 1.067vw;
	}
	.scrollleft ul li img {
		width: 100%;
		height: 9vw;
		float: left;
		object-fit: cover;
	}
}


.page_section_06 .index-about {
	width: 100%;
	background: rgb(255, 255, 255);
	display: flex;
	align-items: center;
	flex-flow: row-reverse;
	border-radius: 24px;
	box-sizing: border-box;
	padding: 0.3rem 6rem;
	justify-content: space-between;
	margin-bottom: 20px;
}


.page_section_06 .index-about .indexabout1 {
	width: 500px;
	height: 500px;
}

.page_section_06 .index-about .indexabout2 {
	width: 500px;
}

.page_section_06 .index-about .indexabout2 .indexabout2_bg {
	backdrop-filter: blur(5px);
}

.home-global-site-3d #labels > div:hover {
}

.page_section_06 .index-about .indexabout2 .cn4 .content_box .txt_box {
	margin-bottom: 50px;
}

.page_section_06 .index-about .indexabout2 .cn4 .content_box .txt_box h4 {
	font-size: 28px;
	margin-bottom: 15px;
}

.page_section_06 .index-about .indexabout2 .cn4 .content_box .txt_box p {
	font-size: 14px;
	margin-bottom: 30px;
}

.page_section_06 .index-about .indexabout2 .cn4 .content_box .txt_box a {
	font-size: 14px;
	border-radius: 24px;
	padding: 15px 40px;
}

.page_section_06 .index-about .indexabout2 .cn4 .content_box .count_box {
	margin-bottom: -80px;
}

.index-about .indexabout2 .cn4 .content_box .count_box .count_item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 50%;
	flex-direction: column;
	margin-bottom: 65px;
}

.page_section_06 .icon_box .icon_item {
	border-radius: 24px;
	width: calc(16% - 6px);
	height: 125px;
	margin-right: 20px;
}

.page_section_06 .icon_box .icon_item .img_box {
	width: 90px;
}

.page_section_06 .icon_box .icon_item p {
	font-size: 14px;
}
.page_section_06 .index-about .indexabout2 .cn4 .content_box .count_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: -80px;
}
.page_section_06 .index-about .indexabout2 .cn4 .content_box .count_box .count_item .num{
	width: 50%;
	font-size: 64px;
	line-height: 1.5;
	color: rgb(25, 25, 25);
	display: flex;
	align-items: center;
}

.column_recommendation {
	border-radius: 24px;
	overflow: hidden;
	background: rgb(255, 255, 255);
	box-sizing: border-box;
	position: relative;
}
.swiper-container-12 {
	position: relative;
}


.swiper-container-12 {
	position: relative;
}

.swiper-container-12::after {
	display: none;
}

.controllers_box {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	padding: 40px 85px 32px 0;
	justify-content: flex-end;
}

.controllers_box .tab_controller {
	position: relative;
	width: fit-content;
	font-size: 18px;
	line-height: 1.5;
	color: rgb(25, 25, 25);
	cursor: pointer;
	margin-right: 30px;
	padding: 10px 16px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	/* transition: 0.5s; */
}

.controllers_box .tab_controller p {
	position: relative;
	color: rgb(25, 25, 25);
}

.controllers_box .tab_controller p span {
	opacity: 1;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.controllers_box .tab_controller p strong {
	position: absolute;
	left: 0;
	visibility: hidden;
	white-space: nowrap;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	opacity: 0;
	font-weight: bolder;
	color: rgb(25, 25, 25);
}

.controllers_box .tab_controller:last-child {
	margin-right: 0;
}

.controllers_box .tab_controller img {
	margin-right: 6px;
	width: 24px;
	transition: 0.5s;
}

.controllers_box .tab_controller .img1 {
	display: block;
}

.controllers_box .tab_controller .img2 {
	display: none;
}

.controllers_box .tab_controller.on {
	color: rgb(25, 25, 25);
	background: rgb(244, 244, 244);
}

.controllers_box .tab_controller.on p span {
	visibility: hidden;
}

.controllers_box .tab_controller.on p strong {
	visibility: visible;
	opacity: 1;
}

.controllers_box .tab_controller.on .img1 {
	display: none !important;
}

.controllers_box .tab_controller.on .img2 {
	display: block !important;
}

.controllers_box .tab_controller:hover {
	color: rgb(25, 25, 25);
}

.controllers_box .tab_controller:hover p span {
	visibility: hidden;
	opacity: 0;
}

.controllers_box .tab_controller:hover p strong {
	visibility: visible;
	opacity: 1;
}

.controllers_box .tab_controller:hover .img1 {
	display: none;
}

.controllers_box .tab_controller:hover .img2 {
	display: block;
}

.controllers_box .tab_controller.on::before {
	width: 100%;
}

.tab_content {
	display: none;
}

.tab_content.active {
	display: block;
}

.tab_content .tab_content_inner {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}

.tab_content .tab_content_inner .txt_box {
	width: 418px;
	padding: 118px 45px 0 45px;
	z-index: 13;
	position: absolute;
	height: 100%;
	left: 0px;
	bottom: 0px;
}

.tab_content .tab_content_inner .txt_box::before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(255, 255, 255, 0.898);
	backdrop-filter: blur(82px);
}

.tab_content .tab_content_inner .txt_box.fadeInUp {
	opacity: 0;
}

.tab_content .tab_content_inner .txt_box h4 {
	font-size: 32px;
	font-family: HarmonyOS_Sans_SC_Medium;
	line-height: 1.5;
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
	color: #191919;
}

.tab_content .tab_content_inner .txt_box p {
	font-size: 16px;
	line-height: 1.5;
	position: relative;
	z-index: 2;
	color: #595959;
}

.tab_content .tab_content_inner .txt_box .banner_play_btn {
	display: inline-block;
	font-size: 14px;
	color: rgb(25, 25, 25);
	line-height: 1;
	background: transparent;
	border: 1px solid rgb(25, 25, 25);
	border-radius: 24px;
	padding: 17px 48px;
	transition: background-size 100ms;
	will-change: background-size, transform;
	backface-visibility: hidden;
	perspective: 1000px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	margin-top: 50px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.tab_content .tab_content_inner .txt_box .banner_play_btn:hover {
	color: rgb(255, 255, 255);
	border: 1px solid rgb(255, 255, 255);
	background: #000;
}

.tab_content .tab_content_inner .content_box {
	position: relative;
	width: calc(100% - 115px);
	height: auto;
	margin-top: 0px;
	padding: 0px 100px 88px 350px;
	background: transparent;
	overflow: hidden;
	box-shadow: initial;
	border-radius: 0px;
	margin-left: 90px;
}

.tab_content .tab_content_inner .content_box ul {
	overflow: visible;
}

.tab_content .tab_content_inner .content_box ul li {
	position: relative;
	height: fit-content;
	border-radius: 18px;
	overflow: hidden;
	cursor: none;
	width: 329px;
	margin-right: 24px;
}

.tab_content .tab_content_inner .content_box ul li.fadeInUp {
	opacity: 1;
}

.tab_content .tab_content_inner .content_box ul li a {
	display: flex;
	height: 100%;
	position: relative;
}

.tab_content .tab_content_inner .content_box ul li a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 9;
}

.tab_content .tab_content_inner .content_box ul li a.black::before {
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
}

.tab_content .tab_content_inner .content_box ul li .p {
	position: absolute;
	bottom: 5%;
	font-size: 18px;
	line-height: 1.5;
	color: rgb(255, 255, 255);
	padding: 0px 20px;
	z-index: 10;
}
.tab_content .tab_content_inner .content_box ul li .biaoqian {
	right: 20px;
	position: absolute;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	top: 20px;
	background: #ffffff33;
	backdrop-filter: blur(71px);
	padding: 3px 10px;
}
.tab_content .tab_content_inner .content_box ul li .biaoqian.black {
	background: rgba(0, 0, 0, 0.3);
}
.tab_content .tab_content_inner .content_box ul li a img {
	border-radius: 18px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tab_content .tab_content_inner .content_box ul li a video {
	border-radius: 18px;
}

.tab_content .tab_content_inner .content_box ul li .img_bg {
	display: block;
	height: 100%;
}

.tab_content .tab_content_inner .content_box ul li .video_bg {
	display: none;
	height: 100%;
}

.tab_content .tab_content_inner .content_box ul li .img_bg_scale {
	transition: 0.5s;
}

.tab_content .tab_content_inner .content_box ul li.swiper-slide {
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tab_content .tab_content_inner .content_box .swiper-button-prev-sec3 {
	width: 27px;
	height: 20px;
	inset: auto 90px 40px auto;
	background-image: url('https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/about/index/2024_12_23/img/icon34.svg');
	background-size: 100% 100%;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	opacity: 0.6;
}

.tab_content .tab_content_inner .content_box .swiper-button-next-sec3 {
	width: 27px;
	height: 20px;
	top: auto;
	bottom: 40px;
	right: 47px;
	background-image: url('https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/about/index/2024_12_23/img/icon32.svg');
	background-size: 100% 100%;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	opacity: 0.6;
}

.tab_content .tab_content_inner .content_box .swiper-button-prev-sec3:hover {
	background-image: url('https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/about/index/2024_12_23/img/icon34.svg');
	background-size: 100% 100%;
	opacity: 1;
}

.tab_content .tab_content_inner .content_box .swiper-button-next-sec3:hover {
	background-image: url('https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/about/index/2024_12_23/img/icon32.svg');
	background-size: 100% 100%;
	opacity: 1;
}


.tab_content
.tab_content_inner
.content_box
.swiper-button-prev-sec3.swiper-button-disabled {
	background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/about/index/2024_12_23/img/icon33.svg);
	background-size: 100% 100%;
	opacity: 1;
}


.tab_content
.tab_content_inner
.content_box
.swiper-button-next-sec3.swiper-button-disabled {
	background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/about/index/2024_12_23/img/icon31.svg);
	background-size: 100% 100%;
	opacity: 1;
}

.tab_content .tab_content_inner .content_box .swiper-pagination-sec3 {
	display: none;
}
.tab_content
.tab_content_inner
.content_box
.swiper-button-next:after,
.tab_content
.tab_content_inner
.content_box
.swiper-button-prev:after{display: none;}



.factoryswiper{position: relative;}
.factoryswiper .headline-section{position: absolute; top: 3rem; left: 50%; z-index: 3; transform: translateX(-50%);}
.factoryswiper .headline-section *{color: #fff;}
.factoryswiper .fcSwiper .swiper-slide{position: relative;background-repeat: no-repeat;background-size: cover;height: 35.28rem;}
.factoryswiper .fcSwiper .swiper-slide::after{top:0; left:0;content: '';width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); position: absolute;z-index: 0;}
.factoryswiper .fcSwiper .swiper-pagination-bullet {
	width: 1rem;
	height: 1rem;
	display: inline-block;
	border-radius: 0.2rem;
	background: #fff;
	opacity: 0.5;
}
.factoryswiper .fcSwiper .swiper-pagination-bullet-active {
	opacity: 0.9;
}
.factoryswiper .fcSwiper .case_0IPAe{max-width: 1280px; margin: 0 auto;}
.factoryswiper .swiper-horizontal>.swiper-pagination-bullets,
.factoryswiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.factoryswiper.swiper-pagination-custom, .swiper-pagination-fraction {
	display: flex;
	justify-content: center;
	margin-top: 0rem;
	bottom: 2rem;
}


/*.zsSwiperbox .swiper {*/
/*	width: 100%;*/
/*	padding-top:4rem;*/
/*	padding-bottom: 7rem;*/
/*}*/

/*.zsSwiperbox .swiper-slide {*/
/*	background-position: center;*/
/*	background-size: cover;*/
/*	width: 21.428rem;*/
/*	height: 29.857rem;*/
/*	margin: 0 1rem;*/
/*	overflow: hidden;*/
/*	position: relative;*/
/*}*/
/*.zsSwiperbox .swiper-slide p{position: absolute; bottom: 0; left: 0; text-align: center;}*/


/*.zsSwiperbox .swiper-slide img {*/
/*	width: 100%;*/
/*	border: 3px solid #fff;*/
/*	border-radius: 0.6rem;*/
/*}*/
/*.zsSwiperbox .swiper-slide img:hover{border: 3px solid #2171c0;}*/

.zsSwiperbox{ margin: 48px auto;}
.zsSwiperbox .swiper-wrapper{padding-bottom: 4rem; align-items: baseline;}
.zsSwiperbox .swiper-slide{background-color: rgba(255,255,255,0) !important;}
.zsSwiperbox .swiper-slide .des{color: #212223;  font-size: 14px; margin-top: 24px; text-align: center;}
.zsSwiperbox .swiper-slide img{  height: 100%;  width: 100%;}
.zsSwiperbox .swiper-pagination-bullet-active {background: #3b5997;}
.zsSwiperbox .swiper-pagination-bullet {width: 28px;height: 5px;border-radius: 30px;}
.zsSwiperbox .zwf{padding: 20px;}

.zsSwiperbox .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.8);
}
.zsSwiperbox .swiper-slide-active,.zsSwiperbox .swiper-slide-duplicate-active{
	transform: scale(1);
}

.aboutzs{background-color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); width: 68%; margin: 0 auto; min-width: 680px; padding: 1rem; margin-top: 2rem;}
.aboutzs .igzslist{display: flex; justify-content: center; align-items: center; align-content: center; height: 100%; width: 100%;}
.aboutzs .igzslist li{margin-right: 1rem;}
.aboutzs .igzslist img{width: 4.78rem; border-radius: 50%;}


.analyst_report {
	width: 100%;
	display: flex;
	flex-flow: wrap;
	padding-bottom: 3rem;
	padding-top: 3rem;
}

.analyst_report.swiper-container-08 {
	padding-bottom: 0;
}

.analyst_report.swiper-container-08 .swiper-pagination-sec3 {
	display: none;
}

.analyst_report .content_item {
	margin-right: 20px;
	box-sizing: border-box;
	border-radius: 24px;
	background: rgb(255, 255, 255);
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: 40px 28px 28px;
	width: calc(25% - 15px);
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.analyst_report .content_item:hover {
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transform: scale3d(1.01, 1.01, 1.01);
}

.analyst_report .content_item.big:hover {
}

.analyst_report .content_item:last-child {
	margin-right: 0px;
}

.analyst_report .content_item .img {
	width: 38px;
}

.analyst_report .content_item .img img {
	width: 100%;
}

.analyst_report .content_item .tit {
	color: #262626;
	font-size: 1.142rem;
	margin-top: 0.2rem;
	font-weight: bold;
}

.analyst_report .content_item .txt {
	color: rgb(25, 25, 25);
	font-size: 1rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.analyst_report .content_item .time {
	width: 100%;
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: rgb(89, 89, 89);
	font-size: 16px;
}

.analyst_report .content_item .time span {
	display: flex;
	align-items: center;
}

.analyst_report .content_item .time span.xian {
	font-size: 0;
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #595959;
	margin: 0 14px;
}

.analyst_report .content_item .time img {
	width: 36px;
	opacity: 0.8;
}

.analyst_report .content_item .time:hover img {
	opacity: 1;
}

.analyst_report .content_item.big {
	width: calc(50% - 10px);
	margin-bottom: 20px;
	padding: 28px 28px 38px;
}

.analyst_report .content_item.big a {
	display: flex;

	align-items: flex-start;

	flex-direction: column;
}

.analyst_report .content_item.big:nth-child(2) {
	margin-right: 0px;
}

.analyst_report .content_item.big .img {
	width: 100%;
	overflow: hidden;
	border-radius: 16px;
}

.analyst_report .content_item.big .img img {
	transition: 0.3s ease-out;
}

.analyst_report .content_item.big .img:hover img {
}

.analyst_report .content_item.big .txt {
	margin-top: 1rem;
	line-height: 1.5;
	height: auto;
}

.zsnews{background-color: #f7f7f7; padding: 2rem 0;}
.analyst_report::nth-child(1){margin-top: 3rem;}

.joblist{margin-top: -160px;}



.job {
	padding: 18px 0
}

.job .title {
	text-align: center;
	color: #2171c0;
	font-weight: 700;
	font-size: 40px
}

.job .tips {
	text-align: center;
	font-size: 16px;
	color: #606060;
	line-height: 32px;
	padding: 10px 0
}

.job dl {
	overflow: hidden;
	margin: 28px auto 38px auto
}

.job dl dt {
	display: block
}

.job dl dt span {
	display: block;
	float: left;
	font-weight: normal;
	width: 17%
}

.job dl dt span img {
	vertical-align: middle;
	margin-right: 3px
}

.job dl dt .name {
	width: 27%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 52px
}

.job dl dt .time {
	text-align: center
}

.job dl dt .address {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center
}

.job dl dt .people {
	width: 16%;
	text-align: center
}

.job dl dt .operating {
	width: 14%;
	text-align: center
}

.job dl .list0 {
	line-height: 60px;
	height: 60px;
	background: #2171c0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #fff
}

.job dl .list0 span {
	color: #fff
}

.job dl .list_dt {
	cursor: pointer;
	height: 60px;
	line-height: 60px;
	transition: width 2s;
	overflow:hidden;
	border-bottom: 1px solid #e6e6e6
}

.job dl .list_dt .subnav {
	display: block
}

.job .list_dt {
	background: #fff url(../images/joba.png) no-repeat 95% center;
	color: #333;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-webkit-transition: all .5s linear
}

.job .list_dt span {
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-webkit-transition: all .5s linear
}

.job .list_dt:hover {
	background: #666 url(../images/jobah.png) no-repeat 95% center;
	color: #fff
}

.job #open {
	background: #666 url(../images/jobah.png) no-repeat 95% center;
	color: #fff
}

.job .list_dd {
	display: none
}

.job .jobsub {
	background-color: #f6f6f6;
	border-top: 0;
	line-height: 24px;
	padding: 38px;
	position: relative;

	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	margin-top: 14px;
}

.job .jobsub h3 {
	font-size: 20px;
	color: #333;
	margin-bottom: 12px
}

.job .jobsub .jsh {
	font-size: 14px;
	color: #333
}

.job .jobsub .jsh a {
	color: #2171c0;
	background: url("../images/fasong.png") no-repeat center left;
	padding-left: 23px;
	text-transform: uppercase
}

.job .jobsub p {
	line-height: 26px;
	color: #393939;
	font-size: 14px
}
.job .job-top{ border:1px solid #f0f0f0; box-sizing:border-box; background-color: #f6f6f6; padding:30px 40px; position:relative;}
.job .job-top h1{color:#2171c0; font-size:24px; font-weight:normal;}
.job .job-top .job-des{color:#cfcfcf; font-size:14px; margin-top:20px}
.job .job-top .job-des span{color:#8b8b8b; font-size:18px; margin:0 10px;}

/*底部*/
.footermb {
	display: none;
	height: 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100
}
.footermb .top {
	height: 50px;
	background: #f1f1f1;
}
.footermb .top .con {
	width: 24px;
	height: 50px;
	margin: 0 auto;
	background: url("../images/wei.png") left center no-repeat;
	background-size: 26px
}
.footermb .bot {
	height: 50px;
	width: 100%;
}
.footermb .bot li {
	width: 21%;
	height: 100%;
	float: left;
	list-style: none;
}
.footermb .bot li {
	box-sizing: border-box;
	border-right: 1px solid #999;
}
.footermb .bot li:nth-child(3) {
	border-right: none;
}
.footermb .bot li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 80px;
	font-size: 12px;
	color: #fff;
	text-align: center
}
.footermb .bot li:nth-child(1) a {
	background: #2171c0 url("../images/fot2.png") center top 0.4rem no-repeat;
	background-size: 26px
}
.footermb .bot li:nth-child(2) a {
	background: #2171c0 url("../images/fot3.png") center top 0.4rem no-repeat;
	background-size:26px
}
.footermb .bot li:nth-child(3) a {
	background: #2171c0 url("../images/fot1.png") center top 0.4rem no-repeat;
	background-size:26px
}
.footermb .bot li:nth-child(4) {
	width: 37%;
}
.footermb .bot li:nth-child(4) a {
	background: #384aa0 url("../images/fot4.png") center top 0.4rem no-repeat;
	background-size: 26px
}
.footermbbd{display: none;}

@media(max-width: 767px) {
	.scj-stories {
		margin: 0 16px 0;
	}
	.footermb {
		display: block;
		width: 100%;
	}
	.footermbbd{display: block;padding: 25px;}
	.headline-section .headline-title {
		font-size: 18px;
		height: 18px;
		line-height: 18px;
	}

	.pw-container {
		margin: 8px auto 0 auto;
	}
	.hot-product-module[data-v-50f7d012] {
		padding-top: 1rem !important;
	}
	.hot-product-pc[data-v-0910164e] {
		margin: 0rem auto 3rem !important;
	}
	.hpp-item-card-yy .classimgfd {
		position: absolute;
		right: -2rem;
		top: 1.2rem;
		z-index: -1;
		width: 6rem;
		height: 6rem;
		opacity: 0.6;
	}
	.tp-pw-headerv2 nav .tp-pw-headerv2-first-row .tp-pw-headerv2-logo img {
		width: 150px;
		min-width: 150px;
		min-height: auto;
	}

	.x-about3{margin-top: 5.5rem;padding: 0;
		background: url(../images/bannerbg.jpg) no-repeat center bottom;
	}
	.x-about3 .pw-stories ul li .x-box .x-text .x-tit2 {
		font-size: 1.28rem;
		width: 100%;
	}
	.x-about3 .pw-stories ul li .x-box .x-text .x-p {
		font-size: 0.8rem;
		width: 100%;
	}
	.x-about3 .pw-stories ul li .x-box .x-text {
		position: absolute;
		left: 0;
		bottom: 1.6rem;
		width: 100%;
		z-index: 5;
		color: #fff;
		padding: 0 1.4rem;
		opacity: 0;
		transition: 0.4s ease-in-out;
	}
	.x-company {
		position: relative;
		margin-top: 0;
		height: auto;
		margin-bottom: 1rem;
	}
	.ingreen {
		background: url(../images/inbggreen.jpg) no-repeat center 100%;
		height: 16.28rem;
		position: relative;
	}
	.protitbd {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.protitbd .headline-section{width: 100%;}
	.protitbd .hrqmenu{width: 100%;margin-top: 1rem;}
	.home-rq .rqbox .rqSwiper a.a i {
		display: block;
		font-size: 0;
		border-bottom: none;
		overflow: hidden;
		height: auto;
	}
	.home-rq .hrqmenu ul a:hover, .home-rq .hrqmenu ul li.cselect a {
		font-size: 1rem;
	}
	.ingreen .leftword {
		padding-top: 2rem;
	}
	.home-rq .hrqmenu ul {
		display: flex;
		justify-content: center;
	}
	.home-rq {
		padding: 1rem 0;
	}
	.pd-top {
		padding-top: 1rem;
	}
	.pd-bottom {
		padding-bottom: 1rem;
	}

	.treebox {
		display: flex;
		justify-content: space-between;
		margin-top: 1rem; flex-wrap: wrap;
	}

	.ingreen .ingreenright {
		background: url(../images/ingreenrighbg.png) no-repeat center center;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: auto;
	}
	.treebox .tbox {
		height: 13rem;
		width: 100%;
		margin-bottom: 1rem;
	}
	.treebox .tbox .tit {
		font-size: 1.48rem;
	}
	.insportbox .insport {
		width: 49%;
		border-radius: 0.5rem;
		margin: 0.3rem 1% 0.3rem 0;
		padding: 0.5rem 0.5rem;
	}

	.insportbox .insport .inspimg i {
		font-size: 2.6rem;
	}
	.insportbox .insport .inspword p {
		font-size: 0.8rem; line-height: 1rem;
	}
	.insportbox .insport .inspword h4 {
		font-size: 1.08rem;
	}

	.ingreen .igzslist {
		height: 100%;
		margin-left: 0;
		padding: 1rem;
		border-top: 3px solid #2171c0;
	}
	.ingreen .igzslist li {
		margin-right: 0.5rem;
	}
	.ingreen .igzslist p{font-size: 0.5rem; text-align: center;}
	.pannerlist {
		height: 16rem;
		margin: 1rem 0 0;
		position: relative;
		padding: 0 0 1rem;
	}
	.footfreeback {
		flex-wrap: wrap;
	}
	.footfreeback .headline-section {
		width: 100%;
	}

	.footfreeback .fbform {
	width: 100%;
	margin-top: 2rem;
	}
	.tp-pw-footer{display: none;}

	.proword{
		font-size: 12px;
		display: -webkit-box;
		-webkit-line-clamp: 3;      /* 限制显示的行数为3 */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.page-robot-div{margin-top: 60px;}

	.product_banner .banner-box {
		background-position: top center;
	}
	.tx_banner .banner-content .banner-img{width: 100%;height: auto;}
	.tx_banner .banner-content .nap-container-in{width: 100%;order: 2;}
	.tx_nav .nav_item {
		font-size: 14px;
		margin-right: 16px;
	}
	.detail_item.video {
		margin-top: 2rem;
	}
	.detail_item {
		margin-bottom: 2rem;
	}
	#videoHeader .tab-btn {
		font-size: 1.028rem;
		padding: 0.4rem;
		border-bottom: 3px #fff solid;
		margin: 0.4rem;
		transition: 0.3s all;
	}
	#videoHeader .tab-btn.layui-this {
		border-bottom: 3px #000 solid;
		text-align: center;
	}
	#videoTabs .layui-btn-container {
		overflow: auto;
		word-break: keep-all;
	}
	#videoTabsBody {
		margin-top: 1.3rem;
	}
	.tablybox {
		flex-wrap: wrap;
	}
	.tablybox .videlbox {
		width: 100%;
	}
	.tablybox .videlbox {
		width: 100%;
	}
	.tablybox .wordbox {
		width: 100%;
	}
	.layui-padding-3 {
		padding: 0 !important;
	}
	.tablybox .videlbox {
		width:100%;
		padding: 0;
		margin-bottom: 1.28rem;
	}
	.videobottombox .scj-stories {
		flex-wrap: wrap;
	}
	.videobottombox .scj-stories .vbxox {
		background-color: #fff;
		border-radius: 1rem;
		width: 100%;
		padding: 1.38rem;
	}
	.storage-table {
		padding: 2rem 0;
		overflow: auto;
		word-break: keep-all;
	}
	.nap-container.fixed .nav_box {
		max-width: 100%;
		padding: 0 16px 0;
		margin: 0 auto;
	}
	.package-list ul li {
		width: 50%;
	}
	.case-list ul li {
		width: 50%;
		padding: 0.5rem;
		margin-bottom: 0.8rem;
	}
	.case-list {
		padding: 0;
	}
	.case-list .caseimgbox .tp-item-title {
		font-size: 1rem;
		line-height: 1.28rem;
		width: 100%;
		padding: 0.6rem 1rem;
	}
	.package-list .tp-item-title {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.adbanner {
		padding: 1rem;
	}
	.adbanner .adbox {
		width: 100%;
	}
	.shuzizu {
		padding: 1rem 0;
	}
	.shuzizu ul li span.counter {
		font-size: 2rem;
		line-height: 3rem;
	}
	.shuzizu ul li i {
		font-size: 1rem;
		right: -1rem;
	}
	.shuzizu ul li b{font-size: 0.7rem;}
	.shuzizu ul li p {
		font-weight: bold;
		font-size: 0.9rem;
		color: #000000;
	}

	.mgtop-banner {
		margin-top: -80px;
	}
	.pd03 {
		padding: 0;
	}
	.case-view-pc .case-item-row {
		display: flex;
		justify-content: space-between;
		margin: 1rem 0 0;
		padding: 0;
		flex-wrap: wrap;
	}
	.case-view-pc .case-item-row li:first-child {
		padding-left: 0;
		padding-right: 0.5rem;
	}
	.case-view-pc .case-item-row li {
		width: 100% !important;
	}
	.case-view-pc .case-item-row li:first-child {
		padding-left: 0;
		padding-right: 0;
	}
	.case-view-pc .case-item-row li {
		cursor: pointer;
		height: 14.68rem;
		list-style: none;
		transition: .6s;
		padding: 0.5rem 0;
		width: 33.3333%;
	}
	.case-view-pc .case-item-row li:last-child {
		padding-left: 0;
		padding-right: 0;
	}
	.all-case .tag-title {
		font-size: 1rem;
		margin-right: 5px;
		width: 7rem;
	}
	.px-24 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.case-list ul li {
		width: 100%;
		padding: 0.5rem;
		margin-bottom: 0.8rem;
	}
	.casebox {
		margin-top: 1rem;
		flex-wrap: wrap;
	}
	.casebox .caseleft {
		width: 100%;
	}
	.casebox .caseright {
		width: 100%;
	}
	.casebox .wordbox {
		padding: 0.5rem;
		font-size: 1rem;
		font-weight: 400;
	}
	.casebox .caseright {
		padding: 0.5rem;
	}

	.whybox-flex .wybox {
		width: 100%;
	}
	.whybox-flex {
		flex-wrap: wrap;
	}
	.whycm {
		background-color: #f1f5fc;
		padding: 1rem 0;
	}
	.wybox {
		box-shadow: 0 2px 8px rgba(0, 29, 57, 0.08);
		padding: 1.28rem 1.248rem;
		margin-bottom: 1rem;
		background-color: #fff;
	}
	.banner_num .shuzizusm ul li b{display: block;}
	.shuzizusm ul li {
		margin-right: 2rem;
	}
	.banner_num .shuzizusm ul li span.counter {
		font-size: 3rem;
		color: #2171c0;
		text-align: center;
		line-height: 4rem;
		padding-right: 1rem;
	}

	.wybox p {
		font-size: 1.0428rem;
	}
	.package-swp .tp-item-title {
		font-size: 1.0428rem;
		color: #4a4a4a;
		line-height: 1.68rem;
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.spbox01 li {
		width: 100%;
		margin-bottom: 3rem;
		padding: 0.5rem 0.5rem;
		border-right: 0px solid #e5e5e5;
		background-color: #f7fcff;
	}
	.spbox02 li {
		width: 100%;
		margin-bottom: 1rem;
		padding: 1rem 1rem;
	}
	.spbox03 li .boxbdly {
		flex-wrap: wrap;
	}
	.spbox03 li .imgbox {
		width: 100%;
	}
	.spbox03 li .wordbox {
		padding: 1rem;
		width: 100%;
	}
	.spbox03 li:nth-child(1) {
		padding: 0 0 1rem;
	}
	.spbox03 li {
		width: 100%;
		padding: 1rem 0;
		border-bottom: 1px solid #e5e5e5;
	}
	.spbox03 li.rightbox .boxbdly .imgbox {
		order: 0;
	}
	.kcsfz {
		margin-top: -100px;
	}
	.ly-main-lr {
		margin-top: 1.6rem;
	}
	.leftmenu li a {
		padding-left: 1.6rem;
		font-size: 1.1428rem;
	}
	.ly-main-lr .ly-sidebar {
		width: 33%;
	}
	.group_box .gbox {
		width: 100%;
		margin: 0.5rem 0.5%;
		padding: 1rem;
	}
	.ly_banner {
		margin-top: 40px;
	}
	.lybanner-bd h3 {
		font-size: 1.72rem;
	}
	.bnword {
		line-height: 1.2rem;
		font-size: 0.9rem;
		margin: 2rem;
	}
	.shuzizusm1 {
		padding: 1rem 0;
	}
	.shuzizusm1 ul li {
		margin-right: 0;
		width: 20%;
	}
	.shuzizusm1 ul li span.counter {
		font-size: 1.485rem;
		color: #2171c0;
		font-weight: bold;
		text-align: center;
		line-height: 2.3rem;
		padding-right: 0.2rem;
	}
	.shuzizusm1 ul li p {
		font-size: 0.8rem;
		color: #404040;
	}
	.ly_banner {
		height: 302px;
		position: relative;
		width: 100%;
	}
	.ly-banner-num {
		margin-top: -3.0rem;
		position: relative;
		z-index: 3;
	}
	.listsb .ly-sidebar{display: none;}
	.ly-group_list {
		padding: 0;
		width: 100%;
	}
	.title_big {
		top: 2rem;
		font-size: 1.6rem;
	}
	.topswiper .fzSwiper .swiper-slide {
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
		height: 18.28rem;
	}
	.case_0IPAe {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 1rem;
		width: 100%;
		height: 18rem;
		z-index: 1;
		position: relative;
	}
	.title_mqhIx {
		color: #fff;
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 1rem;
		margin-bottom: 10px;
	}
	.button_DG2gQ {
		border: 1px solid #fff;
		margin-top: 8px;
		line-height: 1.88rem;
		text-align: center;
		width: 117px;
	}
	.button_DG2gQ, .intro_LAPTR {
		color: #fff;
		font-size: 0.8rem;
		line-height: 1.5rem;
	}
	.fzbox-one {
		background-color: #f5f5f5;
		padding: 0;
		margin-top: 2rem;
	}
	.fzbox-one h2 {
		text-align: center;
		margin-bottom: 1.2rem;
		font-size: 1.28rem;
	}
	.fzbox-one .fzbox-one-bd .fbdleft {
		width: 100%;
		background-color: #fff;
		padding: 1rem 0;
	}
	.fzbox-one .fzbox-one-bd {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.fzbox-one .fzbox-one-bd .fbdright {
		width: 100%;
	}
	.fzbox-one .fzbox-one-tags {
		flex-wrap: wrap;
	}
	.fzbox-one .fzbox-one-tags span {
		font-size: 1.128rem;
		padding: 1rem 1.5rem;
		width: 50%;
	}
	.fzbox-two {
		margin-top: 2rem;
	}
	.fzbox-two .fzbox-two-bd {
		flex-wrap: wrap;
	}
	.fzbox-two .fzbox-two-bd .fbdleft {
		width: 100%;
		padding: 2rem 0;
	}
	.fzbox-two .fzbox-two-bd .fbdright {
		width: 100%;
	}
	.fzbox-four {
		background-color: #f5f5f5;
		padding: 0;
		margin-top: 2rem;
	}
	.fzbox-four-list ul li {
		width: 100%;
	}
	.spboxfz li .boxbdly {
		flex-wrap: wrap;
	}
	.spboxfz li .wordbox {
		padding: 1rem 0;
		width: 100%;
	}
	.spboxfz li .imgbox {
	width: 100%;
	overflow: hidden;
	}
	.about_nav .nav_list {
		align-items: flex-end;
		background-color: #fff;
		display: flex;
		float: left;
		position: relative;
		transition: transform .3s;
		white-space: nowrap;
		z-index: 2;
		justify-content: left;
		width: 100%;
		padding: 0 1rem;
		border-radius: 0.88rem;
		overflow: auto;
		word-break: keep-all;
	}
	.about_nav .nav_item {
		font-size: 1.042rem;
		margin: 0 0.5rem;
		padding: 1rem 0;
	}
	.about_nav {
		margin-top: -30px;
	}
	.aboutusbox {
		flex-wrap: wrap;
		margin: 2rem 0;
	}
	.aboutusbox .aboxleft {
		width: 100%;
		margin-right: 0%;
	}
	.aboutusbox .aboxright {
		width: 100%;
		padding-left: 0%;
		padding-top: 1rem;
		margin-top: 1rem;
		border-top: 1px solid #c8deee;
		border-left: 0;
	}
	.aboutusvideo {
	flex-wrap: wrap;
		margin: 1rem 0;
	}
	.aboutusvideo .aboxleft {
		width: 100%;
	}
	.aboutusvideo .aboxright {
		width: 100%;
		margin-left: 0;
	}
	.aboutcont .contbox ul {
		flex-wrap: wrap;
	}
	.aboutcont .contbox ul li {
		width: 100%;
	}
	.aboutcont .contbox {
		padding: 1rem;
	}
	.aboutcont .contbox ul li {
		padding: 0 1rem;
	}
	.aboutcont .contbox ul li {
		padding: 0 1rem;
		font-size: 1.1428rem;
	}

	#detail_tx_nav .nap-container {
		padding: 0;
		width: 100%;
	}
	.year-nav {
		overflow: auto;
		word-break: keep-all;
		gap: 20px;
	}
	.year-btn {
		font-size: 1rem;
		padding: 16px 0;
	}
	.timeline-swiper {
		padding: 2rem 0;
	}
	.timeline-banner {
		width:90%;
	}
	.timeline-swiper .swiper-slide {
		padding: 2.6rem;
	}
	.timeline-swiper .slide-content {
		padding: 1.5rem;
		height: auto;
	}
	.fzlcbox .swiper-button-prev,
	.fzlcbox .swiper-button-next {
		color: #fff;
		width: 30px;
		height: 30px;
		top: 56%;
	}

	.customer_stories .content_item:nth-child(2n) {
		margin-right: 0;
	}
	.customer_stories .content_item:last-child {
		display: none;
	}
	.customer_stories {
		width: 100%;
		box-sizing: border-box;
		padding: 0 0;
		flex-flow: wrap;
	}
	.customer_stories .content_item.active .tit {
		font-size: 1.6428rem;
	}
	.customer_stories .content_item .txt {
		font-size: 1rem;
		margin-top: 0.5rem;
	}
	.customer_stories .content_item .button {
		margin-top: 10px;
	}
	.customer_stories .content_item .button .banner_play_btn {
		border-radius: 0.6rem;
		padding: 0.5rem 1rem;
	}
	.page_section_03 {
		margin-top: 1.6rem;
	}
	.customer_case {
		height: auto;
		padding: 1rem;
	}
	.page_section_06 .index-about {
		border-radius: 20px;
		padding: 0.3rem 0.3rem;
		margin-bottom: 20px;
	}
	.page_section_06 .index-about .indexabout1{display: none;}
	.page_section_06 .index-about .indexabout2 .cn4 .content_box .count_box .count_item .num {
		font-size: 3.2rem;
	}
	.index-about .indexabout2 .cn4 .content_box .count_box .count_item {
		width: 50%;
		margin-bottom: 20px;
	}
	.page_section_06 .index-about .indexabout2 .cn4 .content_box .count_box {
		margin-bottom: 0;
	}

	.controllers_box {
		position: relative;
		width: 100%;
		margin-bottom: 5.333vw;
		margin-top: 5.333vw;
		padding: 0;
		white-space: nowrap;
		overflow: auto;
		word-break: keep-all;
		display: block;
		transition: transform 0.5s ease-out;
	}
.controllers_box .tab_controller {
		font-size: 3.2vw;
		word-break: keep-all;
		display: inline-block;
		padding: 2.667vw 2.733vw;
		border-radius: 1.067vw;
		transition: transform 0.5s ease-out;
	}
	.tab_content .tab_content_inner {
		flex-direction: column;
	}
	.tab_content .tab_content_inner .txt_box {
		width: 98%;
		text-align: center;
		padding: 0px;
		margin: 0px auto 5.333vw;
		position: relative;
	}
	.tab_content .tab_content_inner .content_box {
		width: calc(100% + 8.533vw);
		padding: 0 4.267vw;
		margin-left: -4.267vw;
		overflow: hidden;
		padding-bottom: 19.2vw;
	}
	.tab_content .tab_content_inner .txt_box h4 {
		font-size: 1.48rem;
		margin-bottom: 0.8rem;
	}
	.tab_content .tab_content_inner .txt_box p {
		font-size: 14px;
		line-height: 1.2;
	}
	.tab_content .tab_content_inner .content_box .swiper-button-prev-sec3 {
		display: none;
	}
	.tab_content .tab_content_inner .content_box .swiper-button-next-sec3 {
		display: none;
	}
	.tab_content .tab_content_inner .content_box .swiper-pagination-sec3 {
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: 11.733vw;
	}
	.tab_content .tab_content_inner .content_box .swiper-pagination-sec3 .swiper-pagination-bullet {
		width: 1.6vw;
		height: 1.6vw;
		background: rgba(25, 25, 25, 0.2);
		margin: 0vw 1.067vw;
		opacity: 1;
	}
	.tab_content .tab_content_inner .content_box .swiper-pagination-sec3 .swiper-pagination-bullet-active {
		width: 5.333vw;
		background: rgb(25, 25, 25);
		border-radius: 6.667vw;
	}

	.factoryswiper .fcSwiper .swiper-slide {
		height: 18.28rem;
	}


	.case_0IPAe.factory {
		height: 17rem;
	}
	.factoryswiper .swiper-horizontal>.swiper-pagination-bullets, .factoryswiper .swiper-pagination-bullets.swiper-pagination-horizontal, .factoryswiper.swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 0.48rem;
	}
	.zsSwiperbox {
		margin: 1rem auto;
	}
	.aboutzs {
		width: 100%;
		min-width: 100%;
		overflow: auto;
	}
	.aboutzs .igzslist {
		justify-content: left;
	}
	.aboutzs .igzslist li {
		margin-right: 1rem;
		word-break: keep-all;
		display: inline-block;
	}
	.zsnews {
		padding: 0.6rem 0;
	}
	.analyst_report.swiper-container-08 {
		width: calc(100% + 8.533vw);
		padding: 4.267vw 4.267vw 13.867vw;
		margin-left: -4.267vw;
		overflow: hidden;
		position: relative;
		margin-bottom: 0;
		background: transparent;
		border-radius: 0;
	}
	.analyst_report.swiper-container-08 .swiper-pagination-sec3 {
		display: block;
		text-align: center;
		bottom: 6.4vw;
		position: absolute;
	}
	.analyst_report.swiper-container-08 .swiper-pagination-sec3 .swiper-pagination-bullet {
		width: 1.6vw;
		height: 1.6vw;
		background: rgba(25, 25, 25, 0.2);
		margin: 0vw 1.067vw;
		opacity: 1;
	}
	.analyst_report.swiper-container-08 .swiper-pagination-sec3 .swiper-pagination-bullet-active {
		width: 5.333vw;
		background: rgb(25, 25, 25);
		border-radius: 6.667vw;
	}
	.analyst_report .content_item.big {
		width: calc(50% - 10px);
		margin-bottom: 20px;
		padding: 18px 18px 28px;
	}
	.analyst_report {
		padding-bottom: 0;
		margin-bottom: 6vw;
		flex-direction: column;
		background: #fff;
		border-radius: 3.2vw;
		padding: 0 4.333vw;
	}
	.analyst_report .content_item {
		padding: 5.333vw 0;
		width: 100%;
		margin-right: 0;
		border-bottom: 1px solid #d8d8d8;
		border-radius: 0;
		position: relative;
		box-sizing: border-box;
	}
	.news_nav .nav_right{display: none;}
	.news_nav .nav_box {
		padding: 0.5rem;
	}
	.newslist {
		margin-top: 1.68rem;
		padding: 0;
	}
	.news_nav .nav_item {
		margin-right: 1rem;
		padding: 0.5rem 1rem;
		border-radius: 0.68rem;
	}
	.newslist li .boxbdly {
		flex-wrap: wrap;
	}
	.newslist li .imgbox {
		width: 100%;
	}
	.newslist li .wordbox {
		padding: 1rem 0;
		width: 1000%;
	}
	.newsword {
		flex-wrap: wrap;
		padding: 2rem 0rem;
	}
	.newsword .content {
		width: 100%;
	}
	.newsword .nright {
		width: 100%;
	}
	.dtit{
		padding: 1rem 0 0.6rem;
	}
	.dtit h1{
		font-size: 1.88rem;
	}
	.newsword .ly-sidebar {
		margin-bottom: 30px;
	}
	.joblist {
		margin-top: -100px;
	}
	.job dl {
		width: 100%;
		margin: 10px auto;
	}
	.job dl dt .name {
		width: 33%;
		padding-left: 12px;
	}
	.job dl dt .time {width: 33%;}
	.job dl dt .people {width: 33%;}
	.job dl dt .address{display: none;}
	.job dl dt .operating{display: none;}
	.job .jobsub {
		padding: 18px;
	}
	.job .jobsub p {
		line-height: 26px;
		font-size: 14px;
	}
	.job .job-top .job-des {
		margin-top: 10px;
	}
	.job .job-top .job-des span {
		color: #8b8b8b;
		font-size: 16px;
		margin: 0 10px 0 0;
	}
	.job .job-top {
		padding: 18px;
	}


}

.ms {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
	overflow: hidden;
	text-overflow: ellipsis;
}

.friendlink{padding: 10px 0;}
.friendlink a{margin-right: 8px; margin-left: 4px;}