@font-face {
  font-family: 'DINPro';
  src: url('./DINPro-Bold.ttf') format('truetype');
}
.font-DIN{
	font-family: "DINPro";
}
.z-max{
	z-index: 1099;
}
.fs-48{
	font-size:3rem;
	// font-size:48px;
}
.fs-18{
	font-size:1.125rem;
	// font-size:18px;
}
.fs-14{
	font-size:0.875rem;
	// font-size:14px;
}
.fs-28{
	font-size:1.75rem;
	// font-size:28px;
}
.fs-12{
	font-size:0.75rem;
	// font-size:12px;
}
.fs-24{
	font-size:1.5rem;
	// font-size:23px;
}
.fs-26{
	font-size:1.625rem;
	// font-size:26px;
}
.fs-40{
	font-size:2.5rem;
	// font-size:40px;
}
.fs-54{
	font-size:3.375rem;
	// font-size:54px;
}
.fs-56{
	font-size:3.5rem;
	// font-size:56px;
}

.p-30{
	padding:30px 0;
}
.pb-80{
	padding-bottom:80px;
}
.pb-53{
	padding-bottom:53px;
}
.pb-31{
	padding-bottom:31px;
}
.pt-100{
	padding-top:100px;
}
.pt-35{
	padding-top:35px;
}
.pt-40{
	padding-top:40px;
}
.ps-12{
	padding-left:12px !important;
}
.ps-53{
	padding-left:53px;
}
.pe-12{
	padding-right:12px !important;
}
.pe-88{
	padding-right:88px;
}
.pe-93{
	padding-right:93px;
}
.px-sm-50{
	padding-left: 50px;
	padding-right: 50px;
}
.px-sm-150{
	padding-left: 150px;
	padding-right: 150px;
}
.me-70{
	margin-right:70px;
}
.lh-28{
	line-height: 28px;
}
.lh-32{
	line-height: 32px;
}
.lh-42{
	line-height: 42px;
}
.lh-44{
	line-height: 44px!important;
}
.lh-75{
	line-height: 75px;
}
.h-35{
	height:35px;
}
.h-55{
	height:55px;
}
.h-64{
	height:64px;
}
.h-78{
	height: 78px;
}
.h-116{
	height: 116px;
}
.h-336{
	height:336px;
}
.h-377{
	height:372px;
}
.h-430{
	height:430px;
}
.h-451{
	height:451px;
}
.h-550{
	height: 550px;
}
.h-588{
	height: 588px;
}
.h-635{
	height:635px;
}
.bottom-60{
	bottom: 60px!important;
}
.bottom-163{
	bottom:163px;
}
.textIndent{
	text-indent:2rem;
}
.w-1053{
	width:1053px;
	max-width: 1053px;
}
.w-794{
	width: 794px;
}
.w-49{
	width:49%;
}
.w-56{
	width:56px;
}
.w-51{
	width:51%;
}
.h-1{
	height:1px;
}
.h-378{
	height:378px;
}
.h-589{
	height:589px;
}
.offset-16{
	margin-left:16px;
}
.bg-E{
	background: #EEE;
}
.bg-D8{
	background: #D8D8D8;
}
.bg-2C{
	background: #2C2C2C;
}
.bg-f9fbff{
	background: #F9FBFF;
}
.text-233043{
	color:#233043;
}
.text-233043{
	color:#425A77;
}
.text-59{
	color:#595959;
}
.text-999{
	color:#999999;
}
.text-8c{
	color:#8c8c8c;
}
.text-blue{
	color: #1A1FA3;
}
.text-grey0c{
	color: #0C1A26;
}
.text-grey283{
	color: #283D52;
}
.letter-spacing3px{
	letter-spacing: 3px;
}
.pe-pointer{
	cursor: pointer;
}
.shadow-box{
	box-shadow:0 0 10px 0 rgba(0,0,0,.08);
}
.writingMode{
	writing-mode: vertical-lr;
}
.h115{
	height:115px;
}
.rounded-2p{
	border-radius: 2px;
}
a:hover{
	color: #460073;	
}
a{
	text-decoration: none;
}
.redButton{
	background: #000096;
	color:#fff;
	&:hover{
		background: #000096;
		color:#fff;
	}
}
.text-truncate-m{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-truncate-t{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.title_more{
	padding-right: 17px;
	background: url("../img/moreR.png") no-repeat right bottom 12px;
	background-size: 12px 10px;
	&:hover{
		a{
			color: #000096;	
		}
		
		background: url("../img/moreRRed.png") no-repeat right bottom 12px;
		background-size: 12px 10px;
	}
}
.newsList{
	a:hover{
		div{
			color: #000096;
		}
	}
}
.whiteSearch{
	display: inline-block;
	width:21px;
	height:100px;
	background: url("../img/searchW.png");
	background-repeat: no-repeat;
	background-size: 21px 21px;
	background-position: right center;
	cursor: pointer;
}
.DarkSearch{
	display: inline-block;
	width:21px;
	height:100px;
	background: url("../img/search.png");
	background-repeat: no-repeat;
	background-size: 21px 21px;
	background-position: right center;
	cursor: pointer;
}
.navbar-nav{
	padding-right:24px;
	.nav-item{
		margin:0 8px;
		&.active{
			.nav-link{
				background: #000096;
				color:#fff !important;
			}
		}
		.nav-link{
			width:88px;
			height:42px;
			border-radius: 4px;
			text-align: center;
			font-size:18px;
		}
		.dropdown-menu{
			border:0;
			box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);
			border-radius: 6px;
			li{
				height:35px;
				line-height: 35px;
				.dropdown-item{
					padding:0 16px;
					text-align: left;
					font-size:14px;
					&:hover{
						background: #F2EDF5;
						color: #460073!important;
					}
				}
				
			}
		}
	}
}

.dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
.navbar-dark{
	.darkLogo{
		display: none;
	}
	.DarkSearch{
		display: none;
	}
	&:hover{
		background: #fff !important;
		.darkLogo{
			display: block;
		}
		.whiteLogo{
			display: none;
		}
		.navbar-nav{
			.nav-item{
				.nav-link{
					color:#333;
				}
				&:hover{
					.nav-link{
						background:#000096 !important;
						color:#fff;
					}
				}
			}
		}
		.whiteSearch{
			display: none;
		}
		.DarkSearch{
			display: block;
		}
	}
}
.navbar-light{
	.navbar-nav{
		.nav-item{
			.nav-link{
				color:#333;
			}
			&:hover{
				.nav-link{
					background:#000096 !important;
					color:#fff;
				}
			}
		}
	}
	.whiteLogo{
		display: none;
	}
	.whiteSearch{
		display: none;
	}
}
.divider-vertical{
	position: absolute;
	right:0;
	top:32px;
	width:1px;
	height:56px;
	background: #D8D8D8;
}
// 跑马灯
#carouselExampleIndicators{
	.carousel-indicators [data-bs-target]{
		width:16px;
		height:16px;
		border-radius:16px;
		border-top:0;
		border-bottom:0;
		margin:0 8px;
		&.active{
			background: #000096;
		}
	}
	.carousel-control-prev,.carousel-control-next{
		width:56px;
		height:56px;
		position:absolute;
		left:50%;
		top:auto;
		width:124px;
		height:56px;
		bottom:180px;
		&.carousel-control-prev{
			margin-left:-590px;
			.carousel-control-prev-icon{
				width:56px;
				height:56px;
				background: url("../img/prev.png") no-repeat;
				background-size:56px 56px;
				right:0;
				margin-right:0;
			}
			&:hover{
				.carousel-control-prev-icon{
					background: url("../img/prevH.png") no-repeat;
					background-size:56px 56px;
				}
				
			}
		}
		&.carousel-control-next{
			margin-left:-522px;
			.carousel-control-next-icon{
				width:56px;
				height:56px;
				background: url("../img/next.png") no-repeat;
				background-size:56px 56px;
				right:0;
				margin-right:0;
			}
			&:hover{
				.carousel-control-next-icon{
					background: url("../img/nextH.png") no-repeat;
					background-size:56px 56px;
				}
				
			}
		}
	}
}
#carouselSmallIndicators{
	.carousel-control-prev,.carousel-control-next{
		width:47px;
		height:71px;
		background: rgba(0,0,0,.8);
		&.carousel-control-next{
			border-radius: 4px 0 0 4px;
			.carousel-control-next-icon{
				background-position: 2px 0;
			}
		}
		&.carousel-control-prev{
			border-radius: 0 4px 4px 0;
		}
	}
	.carousel-indicators{
		margin-bottom:70px;
	}
}
.divider{
	width:73px;
	height:3px;
	background: #fff;
}
.redBox{
	transition:all 0.3s;
	.redTitle{
		display: none;
		height:0;
		overflow: hidden;
	}
	.redIcon{
		display: block;
	}
	&:hover{
		align-items: center !important;
		background: rgba(191, 11, 21, .8) !important;
		justify-content: flex-start !important;
		padding-top:73px;
		color:red;
		.redTitle{
			height:auto;
			display: block;
		}
		.redIcon{
			display: none;
		}
		.divider{
			background: #fff;
		}
	}
}
.redAd{
	&:hover{
		background: #000096;
		color:#fff !important;
		.text-8c,.text-danger,.text-dark{
			color:#fff !important;
		}
		.border-bottom{
			border-bottom:1px solid #fff !important;
		}
	}
}
.yellowBg{
	background: linear-gradient(to bottom,#fff,#FFF4E2);
}
.shzrBgBox{
	background: url(../img/shzrBgBox.png) center bottom no-repeat;
	background-size: 1920px 1321px;
}
// 右侧工具栏
.rightTool{
	.logoLight{
		display: none;
	}
	.popItem{
		display: none;
	}
	.rightItem{
		&:hover{
			background: #000096 !important;
			.logoLight{
				display: block;
			}
			.logoDark{
				display: none;
			}
			.itemText{
				color:#fff !important;
			}
			.popItem{
				display: block;
			}
		}
	}
}
// 集团概况
.nav-tabs{
	justify-content: space-between;
	.nav-link{
		font-size:18px;
		color:#595959;
		border:0 !important;
		padding: 16px 26px 16px 26px;
		&.active,&:hover{
			border:0;
			background: transparent;
			position: relative;
			&::before{
				content:'';
				position:absolute;
				bottom:0;
				left:50%;
				width:88px;
				height:2px;
				background: #000096;
				border-radius: 4px;
				transform: translate(-50%,-50%);
			}
		}
	}
}
.rectIcon{
	width:12px;
	height:12px;
}
.bg-rect{
	background-image: linear-gradient(230deg,transparent 6px,#000096 0)
}
.redDot{
	display: inline-block;
	width:6px;
	height:6px;
	background: #C1161F;
	border-radius: 6px;
}
.timeDivider{
	position:absolute;
	width:2px;
	height:calc(100% - 43px);
	background: #000096;
	left:43px;
	top:43px;
}
.timeDot{
	width: 10px;
	height: 10px;
	background: rgba(0, 0, 150, 0.5);
	position: absolute;
	left:-4px;
	border-radius: 10px;
	top:50%;
	transform: translate(0,-50%);
	z-index:9;
	&::before{
		content: '';
		width:6px;
		height:6px;
		border-radius: 6px;
		background: #000096;
		position:absolute;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
	}
}
.timeLine{
	width: 44px;
	height: 1px;
	border: 1px solid rgba(0, 0, 150, 0.5);
	position:absolute;
	left:90px;
	top:20px;
}
.searchBox{
	padding:12px 46px 11px 24px;
	position:relative;
	width:537px;
	box-sizing: border-box;
	input{
		border:0;
		height:24px;
		font-size:18px;
		outline: none;
		width:100%;
		&::placeholder{
			color:#BFBFBF;
		}
	}
	.searchButton{
		width:38px;
		height:38px;
		position:absolute;
		right:8px;
		top:5px;
		flex: none;
		border-radius: 19px!important;
	}
}

.searchBoxMore{
	margin-top: -100px;
	padding:33px 195px 33px 33px;
	position:relative;
	box-sizing: border-box;
	width: 1200px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);
	input{
		border:0;
		height: 33px;
		font-size: 24px;
		outline: none;
		width:100%;
		&::placeholder{
			color:#BFBFBF;
		}
	}
	.searchButton{
		width: 130px;
		height: 48px;
		position:absolute;
		right:32px;
		top:26px;
	}
}


.hotNews{
	.normalBg{
		display: block;
	}
	.hoverBg{
		display: none;
	}
	&:hover{
		.normalBg{
			display: none;
		}
		.hoverBg{
			display: block;
		}
		.hotTitle{
			color: #000096!important;
		}
		.newsTit{
			color:#fff !important;
		}
	}
}
.luqiaoPage{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:40px 0;
	.page-item{
		&.next,&.prev{
			.page-link{
				border:1px solid transparent;
			}
		}
		margin:0 4px;
		font-size:14px;
		color:#595959;
		&.active{
			.page-link{
				background: #460073;
				color:#fff;
				border:1px solid #460073;
			}
		}
		.page-link{
			min-width: 34px;
			height:34px;
			border-radius: 2px;
			font-size:14px;
			color:#595959;
			padding:0 10px;
			justify-content: center;
			display: flex;
			align-items: center;
			&:hover{
				background: #460073;
				color:#fff;
				border:1px solid #460073;
			}
		}
		input{
			height:34px;
			border:1px solid #D9D9D9;
			border-radius: 2px;
			width:48px;
			padding:0 8px;
			outline: none;
			text-align: center;
		}
		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
		  -webkit-appearance: none !important;
		}
		input[type='number'] {
		  -moz-appearance: textfield;
		}
	}
}
.lqTable{
	border-top:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	tr{
		th{
			border-right:1px solid #D9D9D9;
			border-bottom:1px solid #D9D9D9;
			font-size:14px;
			color:#595959;
			text-align: center;
			white-space: nowrap;
			font-weight: normal;
		}
		td{
			border-right:1px solid #D9D9D9;
			border-bottom:1px solid #D9D9D9;
			font-size:14px;
			color:#595959;
			line-height: 25px;
			vertical-align: middle !important;
		}
	}
}
.lqInput{
	font-size:14px;
	height:34px;
	border-radius: 2px;
	width:300px;
	outline:none;
	&::before{
		color:#BFBFBF;
	}
	&::-webkit-input-placeholder{
		color:#BFBFBF;
	}
}

.lqInputLable{
	color: #FF4D4F;
	font-size: 12px;
	position: absolute;
	top: 34px;
	left: 44px;
	line-height: 20px;
	&.left{
		left: 91px;
	}
	&.textarea{
		top: 190px;
		left: 0;
	}
}


/*清除btn按钮点击出现的边框*/
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: none !important; box-shadow:none !important; 
}
.form-control,.form-select{
	outline: none;
	&:focus{
		border-color:#D9D9D9;
		webkit-box-shadow:none;
		box-shadow:none;
	}
}
#ywbkcarousel{
	.carousel-control-prev,.carousel-control-next{
		width:43px;
		height:43px;
		background: rgba(0,0,0,.7);
		border-radius:6px;
		top:50%;
		transform: translate(0,-50%);
		&.carousel-control-next{
			right:40px;
			.carousel-control-next-icon{
				background-position: 2px 0;
			}
		}
		&.carousel-control-prev{
			left:40px;
		}
		.carousel-control-prev-icon,.carousel-control-next-icon{
			width:18px;
		}
	}
}
.imgBox{
	.coverBox{
		visibility: hidden;
	}
	&:hover{
		.coverBox{
			visibility: visible;
		}
	}
}

.titleBg::before{
	content: '';
	position: absolute;
	width: 153px;
	height: 4px;
	left: 0;
	bottom: 0;
	background: url(../img/decoration.png) left center no-repeat;
	background-size: 153px 4px;
}

.hasToggle{
	.nav-link{
		&::before{
			display: none;
		}
	}
	&:hover{
		.toggleNav{
			display: block;
		}
		&::before{
			content:'';
			position:absolute;
			bottom:0;
			left:50%;
			width:88px;
			height:2px;
			background: #000096;
			border-radius: 4px;
			transform: translate(-50%,-50%);
		}
	}
	&.active{
		&::before{
			content:'';
			position:absolute;
			bottom:0;
			left:50%;
			width:88px;
			height:2px;
			background: #000096;
			border-radius: 4px;
			transform: translate(-50%,-50%);
		}
	}
	.toggleNav{
		background: #FFFFFF;
		box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08);
		border-radius: 4px;
		position:absolute;
		display: none;
		width:100%;
		top:43px;
		left:0;
		padding-bottom:4px;
		.nav-link{
			width:100%;
			height:34px;
			white-space: nowrap;
			font-size:14px;
			color:#595959;
			margin-top:2px;
			padding:0 16px;
			text-align: left;
			&.active{
				background: rgba(0,0,150,0.08);
				color:#000096;
			}
			&:hover{
				color:#000096;
				&::before{
					display: none;
				}
			}
			
		}
	}
}

.borderRed{
	width:3px;
	height:16px;
	background: #000096;
}

.redDot{
	display: inline-block;
	width:6px;
	height:6px;
	background: #000096;
	border-radius: 6px;
}

.navbar-nav .nav-item .dropdown-menu::before{content: '';}

.modal {
	&.md-effect-9{
		display: block !important;
		visibility: hidden;
		.modal-dialog{
			// transform-style: preserve-3d;
			-webkit-perspective: 1300px;
			-moz-perspective: 1300px;
			perspective: 1300px;
			position: fixed;
			top: 50%;
			left: 50%;
			will-change: transform;
			transform: translate(-50%,-50%);
			.modal-content {
				// -webkit-transform-style: preserve-3d;
				// -moz-transform-style: preserve-3d;
				// transform-style: preserve-3d;
				will-change: transform;
				-webkit-transform: rotateX(-90deg);
				-moz-transform: rotateX(-90deg);
				-ms-transform: rotateX(-90deg);
				transform: rotateX(-90deg);
				-webkit-transition: all .5s;
				-moz-transition: all .5s;
				transition: all .5s;
				opacity: 0;
			}
		}
	}
	&.show{
		visibility: visible;
		.modal-dialog{
			.modal-content {
				-webkit-transform: rotateX(0deg);
				-moz-transform: rotateX(0deg);
				-ms-transform: rotateX(0deg);
				transform: rotateX(0deg);
				opacity: 1;
			}
		}
		
	}
}

.qiaoArea{
	cursor: pointer;
}

.structure{
	.nav{
		border-bottom:0;
		border-radius: 0.375rem;
		overflow: hidden;
		.nav-link{
			border-radius: 0;
			width: 100%;
			padding: 40px 32px 32px 32px;
			text-align: left;
			color: #333;
			&:hover{
				background: rgba(0, 0, 150, 0.1);
				&:before{
					display: none;
				}
			}
			&.active{
				background: #000096;
				color: #fff;
				&:before{
					display: none;
				}
			}
		}
	}
}
.structure-box{
	min-height: 459px;
}

.companylabel{
	width: 312px;
	height: 48px;
	background: linear-gradient( 180deg, #FFFFFF 0%, #FFFFFF 100%);
	box-shadow: 0px 10px 20px 0px rgba(187,191,218,0.15);
	border-radius: 6px;
	font-size:18px;
	color:#151919;
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	top:-65px;
	left:0;
	margin-left:-141px;	
	&::before {
		position: absolute;
		bottom: -3px;
		left: 157px;
		content: '';
		width: 8px;
		height: 8px;
		background: #fff;
		transform: rotate(135deg);
		box-shadow: 1px -2px 5px rgba(0, 0, 0, .2);
	}
	&::after {
		position: absolute;
		bottom: 0px;
		left: 157px;
		content: '';
		width: 15px;
		height: 8px;
		background: #fff;
	}
}
.cultureBanner_video_other{
	position: relative;
}

.cultureBanner{
	.cultureBanner_video{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.swiper-pagination{
		bottom: 40px!important;
		.swiper-pagination-bullet{
			width: 60px;
			height: 6px;
			background: #FFFFFF;
			border-radius: 4px;
			opacity: 1!important;
			margin: 0 10px!important;
			&.swiper-pagination-bullet-active{
				background: #460073;
			}
		}
	}
	.swiper_next{
		width: 56px;
		height: 56px;
		position: absolute;
		top: 50%;
		margin-top: -28px;
		right: 32px;
		background: url(../img/nextH.png) center center no-repeat;
		background-size: 56px 56px;
		z-index: 9;
	}
	.swiper_prev{
		width: 56px;
		height: 56px;
		position: absolute;
		top: 50%;
		margin-top: -28px;
		left: 32px;
		background: url(../img/prevH.png) center center no-repeat;
		background-size: 56px 56px;
		z-index: 9;
	}
}

.cultureBanner_video_play,.cultureBanner_video_playTwo{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(../img/playLight.png) center center no-repeat;
	background-size: 100px 100px;
	cursor: pointer;
}

.waterBk{
	background: url(../img/bg_swbk.png) center top no-repeat;
	background-size: 1920px 788px;
	min-height: 788px;
}

.investBg{
	background: url(../img/bg_tzbk.png) center top no-repeat;
	background-size: 1920px 532px;
	min-height: 532px;
}
.investBg_box_line{
	width: 653px;
	margin: 46px auto 0 auto;
	border-top: solid 1px rgba(111, 125, 142, 0.2);
}
.investBg_box_line_mian{
	width: 160px;
	height: 4px;
	background: #460073;
	margin: 0 auto;
}
.investBg_box{
	margin-top: 45px;
	line-height: 30px;
	font-size: 16px;
	color: #233043;
	text-align: center;
	text-align: justify;
	text-indent: 2em;
}

.waterBk_box{
	margin-top: 48px;
	display: flex;
	justify-content: space-between;
	.waterBk_box_left{
		position: relative;
		width: 653px;
		border-top: solid 1px rgba(111, 125, 142, 0.2);
		padding-top: 38px;
		color: #233043;
		font-size: 16px;
		line-height: 26px;
		text-indent: 2em;
		text-align: justify;
		&::before{
			content: '';
			position: absolute;
			top: 1px;
			left: 0;
			height: 4px;
			width: 160px;
			background: #460073;
		}
	}
	.waterBk_box_photo{
		width: 680px;
		height: 540px;
		position: relative;
		img{
			width: 680px;
			height: 540px;
		}
	}
}


.waterBk_title{
	margin-top: 80px;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
	color: #233043;
	font-weight: 500;
	text-align: center;
}

.business_bg{
	background: #F9FBFF;
}
.investBox{
	.business_box{
		.business_mian{
			width: 445px;
			.business_mian_lable{
				width: 462px;
			}
			&.hover{
				width: 510px;
			}
		}
	}
}
.business_box{
	margin-top: 45px;
	display: flex;
	justify-content: space-between;
	.business_mian_more{
		display: none;
	}
	&.business_box_four{
		.business_mian{
			width: 320px;
			.business_mian_lable{
				width: 392px;
			}
			&.hover{
				width: 440px;
			}
		}
	}
	.business_mian{
		width: 207px;
		height: 382px;
		transition: all 0.4s;
		position: relative;
		overflow: hidden;
		img{
			width: 100%;
			height: 382px;
			object-fit: cover;
		}
		&.business_mian_tpjb::after{
			content: '';
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			position: absolute;
			z-index: 1;
			background: linear-gradient( 0deg, rgba(29,44,72,0.5) 0%, rgba(29,44,72,0) 100%);
		}
		.business_mian_word{
			height: 33px;
			line-height: 33px;
			color: #fff;
			font-weight: 500;
			text-align: center;
			font-size: 24px;
			position: absolute;
			left: 0;
			right: 0;
			top: 173px;
			z-index: 3;
		}
		.business_mian_lable{
			position: absolute;
			top: 73px;
			left: 24px;
			z-index: 4;
			display: none;
			width: 317px;
			.business_mian_lable_title{
				width: 30px;
				height: 2px;
				margin: 0 auto;
				background: #fff;
			}
			p{
				margin-top: 21px;
				color: #FFFFFF;
				font-size: 14px;
				line-height: 24px;
				text-align: justify;
			}
		}
		&.hover{
			width: 365px;
			&::before{
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 2;
				background: linear-gradient( 45deg, rgba(55, 14, 81, 0.8) 0%, rgba(132, 65, 199, 0.8) 100%);
			}
			.business_mian_word{
				top: 24px;
			}
			.business_mian_lable{
				display: block;
			}
		}
	}
}

.business_swiper{
	margin-top: 45px;
	display: flex;
	.business_swiper_left,.business_swiper_right{
		width: 239px;
		height: 453px;
		background: #E8ECF3;
		margin-top: 50px;
		position: relative;
		.business_swiper_cover{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			right: 0;
			z-index: 3;
		}
	}
	.business_swiper_mian{
		width: 924px;
		height: 503px;
		position: relative;
		&:before{
			content: '';
			position: absolute;
			top: 50px;
			bottom: 0;
			width: 100%;
			background: linear-gradient( 45deg, #370E51 0%, #8441C7 100%);
			box-shadow: 0px 4px 30px 0px rgba(89,67,103,0.5);
		}
	}
}

.business_swiper_title{
	height: 102px;
	line-height: 102px;
	margin: 36px 24px 0 40px;
	font-size: 80px;
	color: rgba(111, 125, 142, 0.3);
	display: none;
}
.business_swiper_word{
	height: auto;
	line-height: 32px;
	margin: 61px 24px 0 40px;
	font-size: 32px;
	color: #425A77;
}
.business_swiper_lable{
	line-height: 26px;
	margin: 44px 24px 0 40px;
	height: auto;
	color: #6F7D8E;
	font-size: 16px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: initial;
}

.business_swiper_content{
	margin-top: 50px;
	height: 453px;
	background: linear-gradient( 45deg, #370E51 0%, #8441C7 100%);
	position: relative;
	.business_swiper_box{
		margin-left: 552px;
		margin-top: 50px;
		margin-right: 60px;
		position: relative;
		.business_swiper_num{
			position: absolute;
			top: 37px;
			right: -60px;
			height: 102px;
			line-height: 102px;
			font-size: 80px;
			color: rgba(255, 255, 255, 0.3);
			display: none;
		}
		.business_swiper_box_title{
			height: auto;
			line-height: 32px;
			margin-top: 60px;
			color: #fff;
			font-size: 32px;
		}
		.business_swiper_line{
			display: flex;
			margin-top: 24px;
			.business_swiper_line_mian{
				width: 4px;
				height: 4px;
				border-radius: 2px;
				background: #FCD05E;
				margin-right: 4px;
			}
		}
		.business_swiper_box_word{
			margin-top: 16px;
			line-height: 26px;
			font-size: 16px;
			text-align: justify;
			color: #fff;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 5;
			-webkit-box-orient: vertical;
			white-space: initial;
		}
	}
	.business_swiper_photo{
		width: 450px;
		height: 453px;
		background: #fff;
		position: absolute;
		top: -50px;
		left: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		&:before{
			content: '';
			position: absolute;
			width: 279px;
			height: 82px;
			right: -32px;
			bottom: -32px;
			background: url(../img/business_swiper_logo.png) center center no-repeat;
			background-size: 279px 82px;
		}
		img{
			width: 434px;
			height: 437px;
			object-fit: cover;
			position: relative;
			z-index: 3;
		}
	}
}

.business_swiper_next{
	width: 54px;
	height: 54px;
	position: absolute;
	top: 250px;
	right: -27px;
	background: url(../img/business_prev.png) center center no-repeat;
	background-size: 54px 54px;
	z-index: 4;
}
.business_swiper_prev{
	width: 54px;
	height: 54px;
	position: absolute;
	top: 250px;
	left: -27px;
	background: url(../img/business_next.png) center center no-repeat;
	background-size: 54px 54px;
	z-index: 4;
}

.dqzc_photo{
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	padding-bottom: 40px;
	.dqzc_photo_list{
		width: 445px;
		box-shadow: 0px 8px 20px 0px rgba(67,35,35,0.15);
		border-radius: 12px;
		background: #FFFFFF;
		height: 522px;
		margin-top: 40px;
		overflow: hidden;
		&:nth-child(3n+1){
			margin-right: 32px;
		}
		&:nth-child(3n+2){
			margin-right: 32px;
		}
		.dqzc_photo_img{
			width: 100%;
			height: 250px;
			position: relative;
			img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				display: block;
			}
			.dqzc_photo_name{
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				height: 40px;
				background: url(../img/dqzc_name.png) center center no-repeat;
				background-size: 445px 40px;
				display: flex;
				align-items: center;
				padding: 0 24px;
				font-size: 24px;
				color: #fff;
				line-height: 28px;
				.dqzc_photo_name_lable{
					padding: 0 4px;
					height: 22px;
					border-radius: 2px;
					border: 1px solid #FFFFFF;
					display: flex;
					align-items: center;
					margin-right: 12px;
					font-size: 12px;
					color: #FFFFFF;
					line-height: 16px;
					font-weight: normal;
				}
				&.dqzc_photo_name_gj{
					background: url(../img/dqzc_name_gj.png) center center no-repeat;
					background-size: 445px 40px;
				}
			}
		}
		.dqzc_photo_word{
			margin: 14px 24px 0 24px;
			color: #233043;
			font-size: 16px;
			line-height: 26px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 9;
			-webkit-box-orient: vertical;
			white-space: initial;
		}
	}
}

.newsPhotoCenter{
	padding-left: 90px!important;
	padding-right: 90px!important;
	img{
		display: block;
		margin: 0 auto!important;
		width: 800px!important;
		height: auto!important;
	}
	video{
		display: block;
		margin: 0 auto 16px auto!important;
		width: 800px!important;
		height: 600px!important;
	}
	p,span{
		font-family: 'Helvetica Neue, Helvetica, Arial, sans-serif'!important;
		font-size: 1rem !important;
		line-height: 32px!important;
		margin: 0px !important;
		margin-bottom: 16px !important;
		text-indent: 2em !important;
		padding: 0 !important;
	}
	strong{
		font-weight: normal;
	}
}



@media (max-width: 1200px) {
	.mobileAllclass{
		.w1400{
			width: 100%;
			overflow-x: auto;
		}
		.bannerSwiper-tips{
			display: none;
		}
		.offcanvas-backdrop{
			top: 55px;
		}
		.offcanvas.offcanvas-end{
			top: 55px;
			padding-top: 20px;
			box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.06) inset;
			.border-bottom{
				border-color: #E9E9E9!important;
			}
		}
		.container-xl{
			padding: 0 4px 0 20px;
		}
		.mobile-search{
			visibility: visible;
		}
		// 首页
		.h-mobile-378{
			height:15rem !important;
		}
		.vh-mobile-530{
			height:33.125rem !important;
			padding-top:44.5px;
		}
		.vh-mobile-200{
			height:15.625rem !important;
		}
		.pb-80{
			padding-bottom:32px;
		}
		.navbar{
			height: 55px;
			&.navbarLight{
				.searchLight{
					display: block;
				}
				.tsearchDark{
					display: none;
				}
				.toggleLight{
					display: block;
				}
				.toggleDark{
					display: none;
				}
				.navbar-brand{
					padding:0.75rem 0;
					.darkLogo{
						display:none;
					}
					.whiteLogo{
						display:block;
						width: 149px !important;
						height: 19px !important;
					}
				}
			}
			.navbar-brand{
				padding:0.75rem 0;
				.darkLogo{
					display:block;
					width: 149px !important;
					height: 19px !important;
				}
				.whiteLogo{
					display:none;
				}
			}
			.navbar-toggler{
				&:focus{
					box-shadow: none;
				}
			}
			.searchLight{
				display: none;
			}
			.tsearchDark{
				display: block;
			}
			.toggleLight{
				display: none;
			}
			.toggleDark{
				display: block;
			}
		}
		#offcanvasNavbar{
			display:block;
		}
		.offcanvas-body{
			.navbar-nav{
				.nav-item{
					&:hover{
						.nav-link{
							background: url("../img/mobileT.png") no-repeat right 1rem center !important;
							background-size: 1rem 1rem !important;
							color:#333;
						}
					}
					&>.nav-link{
						&.active{
							background: url("../img/mobileTH.png") #fff no-repeat right 1rem center !important;
							background-size: 1rem 1rem !important;
							color:#333;
						}
					}
					.nav-link{
						outline:none;
						font-size:0.875rem;
						color:#333;
						padding:0 1rem;
						text-align:left;
						height:48px;
						display:flex;
						align-items:center;
					}
					&.dropdown{
						.nav-link{
							width:100%;
							background: url("../img/mobileT.png") no-repeat right 1rem center;
							background-size: 1rem 1rem;
							&.show{
								background: url("../img/mobileTH.png") #fff no-repeat right 1rem center !important;
								background-size: 1rem 1rem !important;
								color:#333;
							}
						}
						.dropdown-menu{
							box-shadow: none;
							border-top:1px solid #dee2e6;
							border-left:0;
							border-right:0;
							border-bottom:0;
							border-radius:0;
							.dropdown-item{
								padding-left:2.5rem;
								font-size:0.875rem;
								color:#595959;
								height:36px;
								display: flex;
								align-items: center;
								&.active,&:active{
									outline:none;
									background: #FFE8E6 !important;
									color:#BF0B15 !important;
								}
							}
						}
					}
				}
			}
		}
		
		
		.bannerSwiper-out{
			height: 265px;
			.bannerSwiper{
				height: 265px;
				.swiper-slide{
					img{
						height: 265px;
					}
				}
			}
			.show-data{
				width: auto;
				bottom: -115px;
				left: 16px;
				right: 16px;
				margin-left: 0;
				height: auto;
				padding-bottom: 18px;
				.w1400{
					display: flex;
					flex-wrap: wrap;
				}
				.data-item{
					height: auto;
					margin-bottom: 8px;
					width: 33.33%;
					display: block;
					&::before{
						display: none;
					}
					.number{
						font-size: 14px;
						padding-top: 17px;
						line-height: 30px;
						span{
							font-size: 28px;
						}
						.name{
							font-size: 14px;
							margin-top: 8px;
						}
					}
				}
			}
		}
		.news-center{
			.h180{
				height: 128px;
			}
			.news-top{
				padding: 0 16px;
				.news-swiper{
					float: none;
					width: 100%;
					height: 193px;
					.newSwiper{
						height: 193px;
						.swiper-pagination{
							display: none;
						}
						.swiper-slide{
							.slide-title{
								padding: 9px 16px;
								height: auto;
								line-height: 20px;
								background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3702) 34%, rgba(0,0,0,0.65) 100%);
								display: flex;
								justify-content: space-between;
								align-items: flex-end;
								&::before,&::after{
									display: none;
								}
								.title{
									width: calc(100% - 113px);
									font-size: 14px;
									display: -webkit-box;
									-webkit-line-clamp: 2;
									-webkit-box-orient: vertical;
									white-space: initial;
									text-align: left;
									float: none;
								}
								.time{
									font-size: 14px;
									float: none;
								}
							}
						}
						.swiper-button-next1,.swiper-button-prev1{
							width: 18px;
							height: 26px;
							opacity: 1;
							bottom: 84px;
							background-size: 18px 26px;
						}
					}
				}
				.news-hot{
					float: none;
					width: 100%;
					height: auto;
					margin-top: 16px;
					.hot-title{
						.hot-title-mian{
							font-size: 18px;
							margin-right: 0;
							&+.hot-title-mian{
								margin-left: 16px;
							}
							&.hover{
								&::before{
									height: 2px;
								}
							}
						}
						a{
							font-size: 12px;
						}
					}
					.list-box{
						padding-right: 16px;
						.list-line{
							.line-title{
								font-size: 14px;
							}
						}
					}
				}
			}
		}
		.main-content,.light-bg,.main-title{
			background: #efefef;
		}
		.main-title{
			padding: 36px 0;
			.main-info{
				font-size: 28px;
			}
			.main-intr{
				margin-top: 3px;
				font-size: 16px;
			}
		}
		.swiper-box{
			.swiperOut{
				height: 280px;
				.swiper-intr{
					top: 20px;
					transform: translate(-50%, 0);
					width: 100%;
					padding: 0 72px;
					.swiper-title{
						line-height: 28px;
						font-size: 20px;
					}
					.swiper-detail{
						margin-top: 8px;
						font-size: 12px;
						line-height: 18px;
						padding-top: 0;
						height: auto;
					}
					.swiper-more{
						width: 100px;
						height: 32px;
						line-height: 32px;
						margin-top: 25px;
						font-size: 12px;
					}
				}
			}
			.swiperBox{
				bottom: 30px;
				left: 0;
				margin-left: 0;
				width: 100%;
				&::before{
					display: none;
				}
				.swiperInner{
					width: 152px;
					.swiper-slide{
						&.swiper-slide-thumb-active{
							.swiper-dot{
								border: 0px solid rgba(255,255,255,0.3);
								background: rgba(255,255,255,0.1967);
								display: flex;
								align-items: center;
								justify-content: center;
								&::after{
									content: '';
									width: 6px;
									height: 6px;
									background: #FFFFFF;
									border-radius: 3px;
								}
							}
						}
						.swiper-icon{
							display: none;
						}
						.swiper-name{
							display: none;
						}
						.swiper-dot{
							width: 12px;
							height: 12px;
							border: 1px solid rgba(255,255,255,0.3);
							background: none;
							border-radius: 6px;
							&::before{
								display: none;
							}
						}
					}
				}
				.swiper-button-next2,.swiper-button-prev2{
					background-size: 60px 60px;
					top:-67px;
					width: 38px;
					height: 38px;
					border: 0;
				}
			}
		}
		.accordion{
			padding: 0 16px;
			background: #efefef;
			display: flex;
			width: max-content;
			height: 340px;
			.acc-item{
				width: 240px;
				.acc-noraml{
					padding-top: 290px;
				}
				&.active{
					width: 240px;
					.acc-title{
						padding: 32px 16px 0 16px;
						height: auto!important;
						.title{
							font-size: 24px;
							width: 100%;
						}
						.price{
							width: 100%;
						}
					}
					.acc-detail{
						width: 100%;
						font-size: 12px;
						line-height: 20px;
						margin-top: 19px;
						overflow: hidden;
						display: -webkit-box;
						-webkit-line-clamp: 8;
						-webkit-box-orient: vertical;
						white-space: initial;
						padding: 0 16px;
					}
					.acc-more{
						bottom: 16px;
						font-size: 12px;
						left: 16px;
					}
				}
				&+.acc-item{
					margin-left: 16px;
				}
			}
		}
		.h40{
			height: 20px;
		}
		.accordion_eject{
			position: fixed;
			z-index: 5999;
			padding: 16px;
			overflow-y: auto;
			.accordion_eject_close{
				width: 20px;
				height: 20px;
				top: 16px;
				right: 16px;
				background-size: 20px 20px;
				position: fixed;
			}
			.accordion_eject_box{
				display: block;
				.accordion_eject_photo{
					width: 100%;
					height: 340px;
					.accordionSwiper{
						height: 340px;
					}
				}
				.accordion_eject_mian{
					margin-left: 0px;
					.acc-title{
						padding: 0;
						margin-top: 16px;
					}
					.acc-detail{
						padding: 0;
					}
				}
			}
		}
		.pageBottom{
			.pageBottom_logo{
				width: 149px;
				height: 23px;
				background: url(../img/whiteLogoYd.png) center center no-repeat;
				background-size: 149px 19px;
				margin-top: 26px;
				margin-left: 35px;
				img{
					display: none;
				}
			}
			.pageBottom_ewmBox{
				.pageBottom_ewmBox_mian{
					.pageBottom_ewmBox_photo{
						width: 62px;
						height: 62px;
						img{
							width: 56px;
							height: 56px;
							margin-top: 1px;
						}
					}
					.pageBottom_ewmBox_word{
						font-size: 12px;
						width: 50px;
						margin: 2px auto 0 auto;
						height: auto;
						line-height: 18px;
					}
				}
			}
			.pageBottom_line{
				margin: 36px 16px 0 16px;
			}
			.pageBottom_list{
				margin-top: 17px;
				margin-left: 33px;
				width: auto;
				.pageBottom_list_mian{
					margin-top: 4px;
					width: auto;
					float: none;
					font-size: 12px;
					text-indent: 18px;
				}
				.pageBottom_list_logo01{
					background: url("../img/bottomMoblileImg01.png") left center no-repeat;
					background-size: 12px 14px;
				}
				.pageBottom_list_logo02{
					background: url("../img/bottomMoblileImg02.png") left center no-repeat;
					background-size: 12px 12px;
				}
				.pageBottom_list_logo03{
					background: url("../img/bottomMoblileImg03.png") left center no-repeat;
					background-size: 12px 12px;
				}
				.pageBottom_list_logo04{
					background: url("../img/bottomMoblileImg03.png") left center no-repeat;
					background-size: 12px 12px;
				}
			}
			.pageBottom_nav{
				margin: 16px 16px 0 16px;
				.pageBottom_nav_list{
					font-size: 12px;
					line-height: 20px;
					margin-top: 6px;
				}
			}
			.pageBottom_copyright{
				margin-top: 16px;
				height: auto;
				padding-bottom: 20px;
				.pageBottom_copyright_word{
					font-size: 12px;
					padding: 0 16px;
				}
			}
		}
		.searchBox{
			display: none!important;
		}
		.xwzk_banner{
			padding-top: 0px;
			margin-top: 55px;
			.xwzk_banner_main{
				height: 150px;
				&+.pt-100{
					padding-top: 0!important;
				}
			}
			.xwzk_banner_title{
				padding-bottom: 0!important;
				font-size: 30px!important;
			}
		}
		.newNav.nav-tabs{
			padding: 0;
			margin: 0 16px!important;
			.nav-link{
				padding: 0 5px;
				line-height: 22px;
				font-size: 16px;
				padding-bottom: 16px;
				&.active{
					&::before{
						left: 0;
						right: 0;
					}
				}
			}
		}
		.listNum{
			margin-top: 5px;
			padding: 0 16px;
		}
		.newsBox{
			height: auto;
			margin-left: 16px;
			margin-right: 16px;
			align-items: flex-start!important;
			padding: 16px;
			.newsBox-photo{
				margin-left: 0!important;
				margin-right: 16px!important;
				&+.me-4{
					margin-right: 0!important;
					.d-flex{
						display: block!important;
						margin-top: 2px!important;
						.newsBox-word{
							overflow: hidden;
							display: -webkit-box;
							-webkit-line-clamp: 3;
							-webkit-box-orient: vertical;
							white-space: initial;
							width: 100%;
						}
						.newsBox-time{
							margin-top: 6px;
							display: flex;
							justify-content: flex-end;
						}
					}
				}
			}
		}
		.luqiaoPage{
			.page-item-other,.mobile-d-none{
				display: none;
			}
			.page-item.next .page-link,.page-item.prev .page-link{
				border: 0;
				background: rgba(0,0,0,0);
			}
		}
		.xwzxDetailMobile{
			padding: 0 16px!important;
			background: #EFEFEF;
			&>.tab-content{
				&>.tab-pane{
					&>.py-3{
						&>.boxShadowOther{
							background: #fff;
							.height1+.pt-4{
								margin-top: 0!important;
								padding-top: 16px!important;
							}
						}
					}
				}
			}
			.px-sm-150{
				padding: 0 16px;
			}
			.newsPhotoCenter{
				padding: 0 16px 1px 16px!important;
				img{
					width: 100%!important;
				}
			}
			.xwzxDetailMobileTime{
				display: block!important;
				text-align: center;
				.d-flex{
					display: block!important;
					.ms-5{
						margin-left: 0px!important;
					}
				}
			}
		}
		.dqzc_banner{
			background: url(../img/dqzcMobile.png) center 55px no-repeat;
			background-size: 960px 150px;
			padding-top: 55px;
			&>.h-430{
				height: 150px;
				padding-top: 0!important;
				&>.pt-100{
					padding-top: 0!important;
					&>.text-white{
						text-align: center!important;
						padding-bottom: 0!important;
					}
				}
			}
			.nav-tabs.newNav{
				border-bottom: solid 1px #D8D8D8;
				.nav-link{
					color: #425A77;
					&.active{
						color: #460073;
						&::before{
							bottom: 0;
							background: linear-gradient( 45deg, #370E51 0%, #8441C7 100%);
							border-radius: 4px;
						}
					}
				}
			}
			.bg-dqzc{
				background-position: center 0;
				.w1400{
					overflow: initial;
				}
			}
			.nav-tabs{
				.nav-link{
					top: 0;
				}
			}
		}
		.dqzc_video{
			display: none;
		}
		.dqzc_tabs{
			display: none!important;
		}
		.tab-pane{
			&>.pt-5.mt-5{
				margin-top: 0!important;
				padding-top: 20px!important;
			}
			&>.pt-5{
				padding-top: 0px!important;
			}
		}
		.dqzc_photo{
			margin-top: 0px;
			padding-bottom: 0px;
			.dqzc_photo_list{
				margin: 16px 16px 0 16px;
				width: 100%;
				.dqzc_photo_img{
					.dqzc_photo_name{
						padding: 0 10px;
						font-size: 20px;
					}
				}
			}
		}
		.gywm{
			display: block;
			margin: 16px;
			padding: 16px 0 16px 16px;
			background: #FFFFFF;
			box-shadow: 0px 8px 20px 0px rgba(51,6,79,0.08);
			border-radius: 8px 8px 8px 8px;
			width: calc(100% - 32px);
			position: relative;
			overflow: initial;
			.gywm-map{
				width: calc(100% - 16px);
				height: 160px;
				margin-top: 35px;
			}
			.gywm-left{
				.gywm-left-mian{
					img{
						width: 24px;
						height: 24px;
						margin-right: 9px;
					}
					height: auto;
					font-size: 14px;
					& + .gywm-left-mian{
						margin-top: 10px;
					}
				}
			}
			&::before{
				content: '';
				position: absolute;
				top: -16px;
				right: -16px;
				left: -16px;
				bottom: -16px;
				background: #EFEFEF;
				z-index: -1;
			}
		}
		.qyewAll{
			.height100{
				height: 55px;
			}
			.w1400+.height100{
				display: none;
			}
		}
		.cultureBanner_video{
			height: 15.625rem !important;
		}
		.overview_company{
			background: #fff;
			margin: 16px;
			position: relative;
			box-shadow: 0px 8px 20px 0px rgba(51,6,79,0.08);
			border-radius: 8px 8px 8px 8px;
			padding: 13px 16px 42px 16px;
			&::before{
				content: '';
				position: absolute;
				top: -16px;
				right: -16px;
				left: -16px;
				bottom: -16px;
				background: #EFEFEF;
				z-index: -1;
			}
			.overview_company_box{
				width: 100%;
				.overview_company_list{
					width: 100%;
					padding: 16px 0;
					margin-top: 2px;
					.overview_company_list_img{
						width: 46px;
						height: 46px;
						margin-right: 6px;
						img{
							width: 46px;
							height: 46px;
						}
					}
					.overview_company_list_mian{
						display: block;
						.overview_company_list_title{
							font-size: 20px;
							line-height: 29px;
							height: 29px;
						}
						.overview_company_list_tips{
							font-size: 14px;
							margin-top: 3px;
							line-height: 20px;
							height: 20px;
						}
					}
				}
			}
		}
		.cover-info{
			display: none;
		}
		.business_bg{
			background: #EFEFEF;
		}
		.waterNav{
			display: block;
			overflow-y: auto;
			background: #EFEFEF;
			.nav-tabs{
				width: max-content;
				margin-top: 0!important;
				margin-bottom: 0!important;
				border-bottom: solid 1px #D8D8D8;
				padding: 0 16px;
				.nav-link{
					padding: 9px 5px!important;
					font-size: 16px!important;
					margin: 0 11px;
				}
			}
			&+.waterBk_title{
				display: none;
			}
		}
		.waterBk_title{
			font-size: 28px;
			margin-top: 24px;
		}
		.waterBk{
			background-size: cover;
			min-height: auto;
		}
		.investBg_box_line{
			display: none;
		}
		.investBg_box{
			margin-top: 16px;
			padding: 0 16px;
			font-size: 12px;
			line-height: 24px!important;
		}
		.investBg{
			min-height: auto;
			padding-bottom: 16px;
		}
		.waterBk_box{
			margin-top: 16px;
			flex-direction: column;
			padding-bottom: 33px;
			.waterBk_box_photo{
				margin: 16px 16px 0 16px;
				width: calc(100% - 32px);
				height: 193px;
				img{
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.waterBk_box_left{
				border-top: 0;
				font-size: 12px;
				line-height: 24px!important;
				width: 100%;
				padding: 0 16px;
				margin: 0;
				&::before{
					display: none;
				}
			}
		}
		.business_box{
			margin-top: 24px;
			width: max-content;
			padding: 0 16px;
			.business_mian_word{
				left: 31px;
				right: auto;
				text-align: left;
				bottom: 63px;
				line-height: 22px;
				font-size: 16px;
				color: #fff;
				top: auto;
			}
			.business_mian_more{
				display: flex;
				align-items: center;
				position: absolute;
				bottom: 37px;
				left: 32px;
				line-height: 18px;
				font-size: 12px;
				color: #fff;
				z-index: 3;
				&::after{
					content: '';
					display: block;
					width: 13px;
					height: 8px;
					background: url(../img/ywbkMore.png) center center no-repeat;
					background-size: 13px 8px;
					margin-left: 4px;
				}
			}
			&+.h-78{
				height: 36px;
			}
			.business_mian{
				width: 240px;
				.business_mian_lable{
					width: auto;
					left: 16px;
					right: 16px;
					top: 119px;
					bottom: 21px;
					overflow-y: auto;
					.business_mian_lable_title{
						display: none;
					}
					p{
						font-size: 12px;
						line-height: 20px;
						margin-top: 0;
					}
				}
				&.hover{
					width: 240px;
					.business_mian_more{
						display: none;
					}
					.business_mian_word{
						top: 43px;
						left: 0;
						right: 0;
						text-align: center;
						font-size: 24px;
						line-height: 34px;
						&::before{
							content: '';
							width: 30px;
							height: 2px;
							left: 50%;
							bottom: -12px;
							margin-left: -15px;
							background: #fff;
							position: absolute;
						}
					}
				}
				&+.business_mian{
					margin-left: 16px;
				}
			}
		}
		.ywlyMobileBg{
			background: linear-gradient( 45deg, #370E51 0%, #8441C7 100%);
			box-shadow: 0px 4px 30px 0px rgba(89,67,103,0.4993);
			.waterBk_title{
				color: #fff;
			}
		}
		.business_swiper{
			padding: 0;
			margin-top: 20px;
			&+.h-78{
				height: 20px;
			}
			.business_swiper_left,.business_swiper_right{
				display: none;
				width: 44px;
				height: 360px;
				.swiper{
					height: 100%;
					.swiper-slide{
						display: flex;
						align-items: center;
					}
				}
			}
			.business_swiper_word{
				margin: 0 12px;
				font-size: 12px;
				overflow: hidden;
				line-height: 18px;
				text-align: center
			}
			.business_swiper_lable{
				display: none;
			}
			.business_swiper_prev,.business_swiper_next{
				width: 30px;
				height: 30px;
				background: url(../img/business_prev2.png) center center no-repeat;
				background-size: 30px 30px;
				left: 50%;
				top: auto;
				margin-left: -65px;
				bottom: 16px;
			}
			.business_swiper_next{
				margin-left: 35px;
				background: url(../img/business_next2.png) center center no-repeat;
				background-size: 30px 30px;
			}
			.business_swiper_mian{
				width: 100%;
				height: 618px;
				&::before{
					display: none;
				}
				.business_swiper_content{
					height: 618px;
					padding: 0 16px;
					margin-top: 0;
					background: none;
					.business_swiper_photo{
						width: 100%;
						padding: 6px;
						height: 329px;
						background: #fff;
						position: relative;
						left: 0;
						top: 0px;
						&::before{
							width: 210px;
							height: 62px;
							right: -16px;
							bottom: -16px;
						}
						img{
							width: 100%;
							height: 100%;
							object-fit: cover;
						}
					}
					.business_swiper_box{
						margin: 0;
						padding: 0;
						height: calc(100% - 329px);
						.business_swiper_box_title{
							margin-top: 33px;
							font-size: 32px;
							line-height: 45px;
							text-overflow: ellipsis;
							white-space: nowrap;
							overflow: hidden;
						}
						.business_swiper_line{
							margin-top: 16px;
						}
						.business_swiper_box_word{
							font-size: 14px;
							line-height: 22px;
							margin-top: 10px;
							-webkit-line-clamp: 4;
						}
					}
				}
			}
		}
		.business_swiper_box_more{
			bottom: 0;
			left: 0;
			position: relative;
			display: flex;
			align-items: center;
			line-height: 18px;
			font-size: 12px;
			background: none;
			margin-top: 16px;
			&::after{
				content: '';
				display: block;
				width: 13px;
				height: 8px;
				background: url(../img/ywbkMore.png) center center no-repeat;
				background-size: 13px 8px;
				margin-left: 4px;
			}
		}
		.accordion_eject_yebk{
			top: 0;
			&.hover{
				height: 100%;
			}
		}
		.overview_cover{
			display: none;
		}
		.overview_bg01,.overview_bg07,.overview_bg02,.overview_bg03{
			height: auto;
			background-size: cover;
		}
		.overview_bg01{
			background-size: cover;
		}
		.overview_header{
			padding-top: 69px;
			display: block;
			.overview_header_title{
				line-height: 25px;
				font-size: 18px;
				font-weight: 700;
				color: #fff;
				height: auto;
			}
			.overview_header_word{
				display: none;
			}
			.overview_header_word_mobile{
				margin-top: 14px;
				display: block;
				position: relative;
				p{
					font-size: 12px;
					color: #FFFFFF;
					line-height: 24px;
					text-indent: 2em;
					text-align: justify;
				}
				.overview_header_word_mobile_more{
					display: flex;
					align-items: center;
					font-size: 12px;
					color: #FFFFFF;
					line-height: 24px;
					position: absolute;
					right: 0;
					bottom: 0;
					img{
						width: auto;
						height: 12px;
						margin-left: 3px;
					}
				}
			}
			.overview_header_lable{
				margin-right: 0;
				width: 100%;
				padding: 0 16px;
			}
			.overview_header_right{
				margin-top: 16px;
				display: flex;
				padding: 0 16px;
				justify-content: space-between;
				padding-bottom: 134px;
				.overview_header_tips{
					.overview_header_tips_name{
						font-size: 14px;
						height: 40px;
						line-height: 40px;
						span{
							margin-right: 1px;
							font-size: 36px;
						}
					}
					.overview_header_tips_lable{
						margin-top: 0;
						font-size: 14px;
					}
					&+.overview_header_tips{
						margin-top: 0;
					}
				}
			}
			.overview_header_paly{
				position: absolute;
				margin-top: 116px;
				padding: 0 11px 0 14px;
				height: 42px;
				transform: translate(-50%,0) !important;
				left: 50%;
				font-size: 14px;
				.overview_header_paly_ann{
					width: 26px;
					height: 26px;
					background-size: 26px 26px;
				}
			}
		}
		.overview_title,.overview_title_light{
			margin-top: 24px;
			height: auto;
			line-height: 41px;
			font-size: 28px;
			text-align: center;
		}
		.overview_eject_cover{
			z-index: 3333;
		}
		.overview_eject_mian{
			z-index: 3334;
		}
		.overview_eject_close{
			z-index: 3335;
		}
		.overview_leader{
			margin-top: 24px;
			display: block;
			padding: 0 16px 25px 16px;
			.overview_leader_mian{
				width: 100%;
				height: auto;
				display: block;
				padding: 16px 0 23px 0;
				&::after{
					width: 100%;
				}
				.overview_leader_mian_name{
					width: 100%;
					background-size: 26px 26px;
					padding-left: 92px;
					background-position: 40px 4px;
					line-height: 30px;
					font-size: 20px;
				}
				.overview_leader_mian_lable{
					margin-top: 8px;
					height: auto;
					line-height: 20px;
					font-size: 14px;
					padding-left: 92px;
					padding-right: 16px;
				}
			}
		}
		.overview_tabs{
			display: none;
		}
		.overview_tabs_mobile{
			display: block;
		}
		.overview_time{
			margin-top: 24px;
			display: block;
			.overview_time_box{
				width: 100%;
				overflow-x: auto;
				.overview_time_tabs{
					display: flex;
					width: max-content;
					height: 82px;
					padding: 0 12px;
					.overview_time_tabs_mian{
						height: 68px;
						font-size: 16px;
						margin: 0 12px;
						display: block;
						&.hover::after{
							width: 20px;
							height: 51px;
							background: url(../img/timeLogoMobile01.png) center center no-repeat;
							background-size: 20px 51px;
							top: 28px;
							margin-left: -10px;
							left: 50%;
							margin-top: 0;
						}
						&::before{
							content: '';
 							background: url(../img/timeLogoMobile02.png) center center no-repeat;
							background-size: 16px 16px;
							top: 29px;
							margin-left: -8px;
							left: 50%;
							margin-top: 0px;
							z-index: 2;
						}
						.overview_time_tabs_mian_line{
							width: auto;
							left: -24px;
							right: -24px;
							height: 2px;
							top: 37px;
							bottom: auto;
						}
					}
				}
			}
			.overview_time_content{
				padding-bottom: 32px;
				.overview_time_title{
					display: none;
				}
				.overview_time_list_box{
					padding: 0 26px;
					height: auto;
					.overview_time_list{
						padding: 0 0 16px 24px;
						background-position-y: 7px;
						line-height: 20px;
						font-size: 14px;
					}
				}
			}
			.overview_time_down,.overview_time_up{
				bottom: 31px;
				left: 50%;
				width: 30px;
				height: 30px;
				display: none;
			}
			.overview_time_up{
				background: url(../img/timeLeft.png) center center no-repeat;
				background-size: 30px 30px;
				margin-left: -55px;
				top: auto;
			}
			.overview_time_down{
				background: url(../img/timeRight.png) center center no-repeat;
				background-size: 30px 30px;
				margin-left: 25px;
			}
		}
		.certify{
			width: 100%;
			height: 339px;
			overflow: hidden;
			margin-top: 28px;
			padding-top: 21px;
			&+.height100{
				height: 0;
			}
			.swiper-button-next, .swiper-button-prev{
				width: 30px;
				height: 30px;
				left: 50%;
				right: auto;
				margin-left: -57px;
				top: auto;
				bottom: 60px;
			}
			.swiper-button-next{
				margin-left: 27px;
			}
			.swiper-container{
				transform: scale(0.2678);
				transform-origin: top left;
				width: 1400px;
				position: absolute;
				left: 50%;
				margin-left: -187.45px;
				.swiper-slide{
					&.swiper-slide-active{
						img{
							width: 750px;
							height: 598px;
							margin-left: -82px;
							margin-top: -79px;
						}
						p{
							display: block;
							position: absolute;
							transform: translate(-50%, 0) !important;
							left: 50%;
							bottom: -170px;
						}
					}
					p{
						font-size: 52px;
						white-space: nowrap;
						display: none;
						line-height: 68px;
					}
				}
			}
		}
		.maintain{
			min-height: calc(100vh - 419px);
			background-size: 250px 250px;
			margin: 0px 0;
			height: 360px;
			flex: none;
		}
	}	
}

.overview_header_word_mobile{
	display: none;
}

.overview_tabs_mobile{
	display: none;
	padding-bottom: 38px;
	.overview_tabs_mobile_header{
		margin-top: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
		.overview_tabs_mobile_header_mian{
			height: 42px;
			line-height: 25px;
			font-size: 18px;
			color: #6F7D8E;
			&+.overview_tabs_mobile_header_mian{
				margin-left: 41px;
			}
			&.hover{
				position: relative;
				color: #460073;
				font-weight: 500;
				&::before{
					content: '';
					position: absolute;
					left: 0;
					right: 0;
					bottom: 0;
					height: 2px;
					background: linear-gradient( 45deg, #370E51 0%, #8441C7 100%);
					border-radius: 4px;
				}
			}
		}
	}
	.overview_tabs_content{
		margin-top: 14px;
		display: flex;
		flex-wrap: wrap;
		padding: 1px 16px 0 16px;
		.overview_tabs_content_mian{
			width: calc(33.33% - 11px);
			height: 78px;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #460073;
			margin-top: 11px;
			line-height: 22px;
			text-align: center;
			font-size: 16px;
			flex-direction: column;
			color: #fff;
			span{
				font-size: 12px;
				color: rgba(255,255,255,0.5);
				line-height: 18px;
				margin-top: -3px;
			}
			&:nth-child(3n){
				margin-left: 16px;
			}
			&:nth-child(3n+2){
				margin-left: 16px;
			}
		}
	}
}