@font-face {
  font-family: 'DINPro';
  src: url('./DINPro-Bold.ttf') format('truetype');
}
body{
	overflow-x: hidden;
}
.font-DIN{
	font-family: "DINPro";
}
.z-max{
	z-index: 1099;
}
.fs-48{
	font-size:3rem;
	// font-size:48px;
}
.fs-40{
	font-size:2.5rem;
	// font-size:40px;
}
.fs-32{
	font-size: 2rem;
	// font-size:32px;
}
.fs-24{
	font-size:1.5rem;
	// font-size:24px;
}
.fs-18{
	font-size:1.125rem;
	// font-size:18px;
}
.fs-14{
	font-size:0.875rem;
	// font-size:14px;
}
.fs-12{
	font-size:0.75rem;
	// font-size:12px;
}
.ls-7{
	letter-spacing: 7px;
}
.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-88{
	padding-top:88px;
}
.pt-35{
	padding-top:35px;
}
.mt-32{
	margin-top:32px;
}
.mt-58{
	margin-top:58px;
}
.pt-40{
	padding-top:40px;
}
.ps-12{
	padding-left:0.75rem !important;
}
.ps-53{
	padding-left:53px;
}
.pe-12{
	padding-right:0.75rem !important;
}
.px-100{
	padding:0 160px;
}
.pe-93{
	padding-right:93px;
}
.me-116{
	margin-right:116px;
}
.lh-25{
	line-height: 25px;
}
.lh-32{
	line-height: 32px;
}
.lh-38{
	line-height: 38px;
}
.h-55{
	height:55px;
}
.h-64{
	height:64px;
}
.h-78{
	height: 78px;
}
.h-116{
	height: 116px;
}
.h-182{
	height: 182px;
}
.h-210{
	height: 210px;
}
.h-380{
	height: 380px;
}
.h-451{
	height:451px;
}
.h-550{
	height:550px;
}
.h-635{
	height:635px;
}
.bottom-163{
	bottom:163px;
}
.bottom-63{
	bottom:63px;
}
.textIndent{
	text-indent:2rem;
}
.text-justify{
	text-align:justify;
}
.w-109{
	width: 109px;
}
.w-219{
	width: 219px;
}
.w-1053{
	width:1053px;
	max-width: 1053px;
}
.w-794{
	width: 794px;
}
.w-49{
	width:49%;
}
.w-56{
	width:56px;
}
.w-51{
	width:51%;
}
.h-378{
	height:23.625rem;
}
.offset-16{
	margin-left:16px;
}
.bg-E{
	background: #EEE;
}
.bg-D8{
	background: #D8D8D8;
}
.text-59{
	color:#595959;
}
.text-8c{
	color:#8c8c8c;
}
.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: #D95552;	
}
.redButton{
	&:hover{
		background: #DA2C23;
		color:#fff;
	}
}
.borderRed{
	width:3px;
	height:16px;
	background: #C1161F;
}
.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: #D95552;	
		}
		
		background: url("../img/moreRRed.png") no-repeat right bottom 12px;
		background-size: 12px 10px;
	}
}
.newsList{
	a:hover{
		div{
			color: #D95552;
		}
	}
}
.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;
}
.qiaoIcon{
	position:absolute;
	top:145px;
	left:50%;
	transform: translate(-50%,0);
}
#navbarCollapse{
	height:100px;
	.dropdown:hover>.dropdown-menu {
	    display: block;
	}
	.dropdown>.dropdown-toggle:active {
	    pointer-events: none;
	}
	.navbar-nav{
		padding-right:24px;
		.nav-item{
			margin:0 8px;
			&.active{
				.nav-link{
					background: #BF0B15;
					color:#fff !important;
				}
			}
			.nav-link{
				width:88px;
				height:42px;
				border-radius: 4px;
				text-align: center;
				font-size:1.125rem;
				white-space: nowrap;
			}
			.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:0.875rem;
						&:hover{
							background:#FFE8E6;
						}
					}
					
				}
			}
		}
	}
}

.navbar-dark{
	.darkLogo{
		display: none;
	}
	.DarkSearch{
		display: none;
	}
	&:hover{
		background: #fff !important;
		.darkLogo{
			display: block;
		}
		.whiteLogo{
			display: none;
		}
		#navbarCollapse{
			height:auto;
			.navbar-nav{
				.nav-item{
					.nav-link{
						color:#333;
					}
					&:hover{
						.nav-link{
							background:#BF0B15 !important;
							color:#fff;
						}
					}
				}
			}
		}
		.whiteSearch{
			display: none;
		}
		.DarkSearch{
			display: block;
		}
	}
}
.navbar-light{
	#navbarCollapse{
		.navbar-nav{
			.nav-item{
				.nav-link{
					color:#333;
				}
				&:hover{
					.nav-link{
						background:#BF0B15 !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: #BF0B15;
		}
	}
	.carousel-control-prev,.carousel-control-next{
		width:56px;
		height:56px;
		position:absolute;
		left:50%;
		top:auto;
		width:124px;
		height:56px;
		bottom:60px;
		&.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{
	height:378px;
	.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: #BF0B15;
}
.dividerAuto{
	width:73px;
	height:3px;
	background: #BF0B15;
	margin: 0 auto;
}
.redBox{
	transition:all 0.3s;
	.redTitle{
		display: none;
		height:0;
		overflow: hidden;
	}
	.redBoxMore{
		display: none;
	}
	.redIcon{
		display: block;
	}
	&:hover{
		align-items: center !important;
		background: rgba(0, 0, 0, .6) !important;
		justify-content: flex-start !important;
		padding-top: 40px;
		color:red;
		.redTitle{
			height:auto;
			display: block;
			text-align: justify;
		}
		.redIcon{
			display: none;
		}
		.divider{
			background: #fff;
		}
		.redBoxMore{
			display: block;
		}
	}
}
.redAd{
	&:hover{
		background: #BF0B15;
		color:#fff !important;
		.text-8c,.text-danger,.text-dark{
			color:#fff !important;
		}
		.border-bottom{
			border-bottom:1px solid #E1989C !important;
		}
	}
}
.yellowBg{
	background: linear-gradient(to bottom,#fff,#FFF4E2);
}
// 右侧工具栏
.rightTool{
	.logoLight{
		display: none;
	}
	.popItem{
		visibility:hidden;
	}
	.rightItem{
		&:hover{
			background: #BF0B15 !important;
			.logoLight{
				display: block;
			}
			.logoDark{
				display: none;
			}
			.itemText{
				color:#fff !important;
			}
			.popItem{
				visibility:visible;
				opacity: 1;
				-webkit-transform: translateX(46px);
				transform: translateX(46px);
				-webkit-transition: .5s;
				transition: .5s;
			}
		}
	}
}
// 集团概况
.nav-tabs{
	justify-content: space-between;
	.nav-link{
		font-size:1.125rem;
		color:#595959;
		border:0 !important;
		padding:8px 32px;
		&.active,&:hover{
			border:0;
			background: transparent;
			position: relative;
			&::before{
				content:'';
				position:absolute;
				bottom:0;
				left:50%;
				width:88px;
				height:2px;
				background: #BF0B15;
				border-radius: 4px;
				transform: translate(-50%,-50%);
			}
		}
	}
}
.rectIcon{
	width:12px;
	height:12px;
}
.bg-rect{
	background-image: linear-gradient(230deg,transparent 6px,#BF0B15 0)
}
.redDot{
	display: inline-block;
	width:6px;
	height:6px;
	background: #C1161F;
	border-radius: 6px;
}
.redLine{
	&:hover{
		color: #C1161F !important;
	}
}
.toggleLine{
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08);
	border-radius: 4px;
	margin-bottom:16px;
	margin-top:8px;
	display: none !important;
}
.timeDivider{
	position:absolute;
	width:2px;
	height:calc(100% - 43px);
	background: #BF0B15;
	left:43px;
	top:43px;
}
.timeDot{
	width: 10px;
	height: 10px;
	background: rgba(191, 11, 21, .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: #BF0B15;
		position:absolute;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
	}
}
.timeLine{
	width: 44px;
	height: 1px;
	border: 1px solid rgba(191, 11, 21, .5);
	position:absolute;
	left:90px;
	top:20px;
}
.searchBox{
	padding:12px 46px 11px 24px;
	position:relative;
	width:537px;
	box-sizing: border-box;
	&.searchBox-long{
		width:1200px;
		padding:32px;
		height:100px;
		border-radius: 6px !important;
		position:absolute;
		z-index:9;
		bottom:0;
		margin-bottom:-50px;
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);
		input{
			width:calc(100% - 126px);
		}
		.searchButton{
			height:48px;
			width:129px;
			color:#fff;
			top:26px;
			right:32px;
			font-size:1.25rem;
		}
	}
	input{
		border:0px;
		padding:0;
		height:24px;
		font-size:1.125rem;
		outline: none;
		width:100%;
		&::placeholder{
			color:#BFBFBF;
		}
	}
	.searchButton{
		width:38px;
		height:38px;
		position:absolute;
		right:8px;
		top:5px;
	}
}
.hotNews{
	.normalBg{
		display: block;
	}
	.hoverBg{
		display: none;
	}
	&:hover{
		.normalBg{
			display: none;
		}
		.hoverBg{
			display: block;
		}
		.hotTitle{
			color:rgb(191, 11, 21) !important;
		}
		.newsTit{
			color:#fff !important;
		}
	}
}
.luqiaoPage{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:24px 0;
	.page-item{
		&.active{
			.page-link{
				background: #BF0B15;
				color:#fff;
				border:1px solid #BF0B15;
			}
		}
		&.next,&.prev{
			.page-link{
				border:1px solid transparent;
			}
		}
		margin:0 4px;
		font-size:0.875rem;
		color:#595959;
		.page-link{
			min-width: 34px;
			height:34px;
			border-radius: 2px;
			font-size:0.875rem;
			color:#595959;
			padding:0 10px;
			justify-content: center;
			display: flex;
			align-items: center;
			&:hover{
				background: #BF0B15;
				color:#fff;
				border:1px solid #BF0B15;
			}
		}
		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:0.875rem;
			color:#595959;
			text-align: center;
			white-space: nowrap;
			font-weight: normal;
		}
		td{
			border-right:1px solid #D9D9D9;
			border-bottom:1px solid #D9D9D9;
			font-size:0.875rem;
			color:#595959;
			line-height: 25px;
			vertical-align: middle !important;
		}
	}
}
.lqInput{
	font-size:0.875rem;
	height:34px;
	border-radius: 2px;
	width:300px;
	outline:none;
	&::before{
		color:#BFBFBF;
	}
}
/*清除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;
		}
	}
}
.companylabel{
	width: 276px;
	height: 54px;
	background: #FFFFFF;
	box-shadow: 0px 0px 7px 0px rgba(255,255,255,0.16);
	border-radius: 6px;
	border: 1px solid #BDC4CD;
	backdrop-filter: blur(20px);
	font-size:1.125rem;
	color:#151919;
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	top:-70px;
	left:0;
	margin-left:-90px;
	&::before {
		position: absolute;
		bottom: -3px;
		left: 114px;
		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: 110px;
		content: '';
		width: 15px;
		height: 8px;
		background: #fff;
	}
}

.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;
			}
		}
		
	}
}
.hasToggle{
	.nav-link{
		&::before{
			display: none;
		}
	}
	&:hover{
		.toggleNav{
			display: block;
		}
		&::before{
			content:'';
			position:absolute;
			bottom:0;
			left:50%;
			width:88px;
			height:2px;
			background: #BF0B15;
			border-radius: 4px;
			transform: translate(-50%,-50%);
		}
	}
	&.active{
		&::before{
			content:'';
			position:absolute;
			bottom:0;
			left:50%;
			width:88px;
			height:2px;
			background: #BF0B15;
			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:0.875rem;
			color:#595959;
			margin-top:2px;
			padding:0 16px;
			text-align: left;
			&.active{
				background: #FFE8E6;
				color:#BF0B15;
			}
			&:hover{
				color:#BF0B15;
				&::before{
					display: none;
				}
			}
			
		}
	}
}
.redBtn{
	&:hover{
		background: #BF0B15;
		color:#fff;
		border:1px solid #BF0B15;
	}
}
.maoLinkOut{
	position:fixed;
	left:50%;
	margin-left:600px;
	top:50%;
	margin-top:-60px;
	.maoLink{
		width: 105px;
		background: #fff;
		border-left:1px solid #EEE;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
		.nav-item{
			.nav-link{
				width: 105px;
				height:38px;
				padding:0;
				display:flex;
				align-items: center;
				justify-content: center;
				color:#595959;
				border-radius: 0;
				&:hover{
					background: rgba(191,11,21,0.1);
				}
				&:focus{
					color:#BF0B15;
					border-left:2px solid #BF0B15 !important;
				}
			}
			&.active{
				.nav-link{
					color:#BF0B15;
					border-left:2px solid #BF0B15 !important;
				}
			}
		}
	}
}

.zhejiangArea{
	width:359px;
	height:322px;
}
.mapArea{
	cursor: pointer;
	transform: scale(0.31366);
}
.mapText{
	cursor: pointer;
	&.quzhou{
		transform:scale(0.31366) translate(0px, 149px);
		&.circle{
			transform:scale(0.31366) translate(47px, 145px)
		}
	}
	&.jinhua{
		transform:scale(0.31366) translate(104px, 129px);
		&.circle{
			transform:scale(0.31366) translate(151px, 125px)
		}
	}
	&.hangzhou{
		transform:scale(0.31366) translate(45px, 80px);
		&.circle{
			transform:scale(0.31366) translate(92px, 75px)
		}
	}
	&.jiaxing{
		transform:scale(0.31366) translate(161px, 27px);
		&.circle{
			transform:scale(0.31366) translate(207px, 24px)
		}
	}
	&.taizhou{
		transform:scale(0.31366) translate(202px, 154px);
	}
	&.wenzhou{
		transform:scale(0.31366) translate(156px, 241px);
		&.circle{
			transform:scale(0.31366) translate(202px, 238px)
		}
	}
	&.ningbo{
		transform:scale(0.31366) translate(226px, 89px);
		&.circle{
			transform:scale(0.31366) translate(274px, 85px)
		}
	}
	&.huzhou{
		transform:scale(0.31366) translate(97px, 17px);
	}
	&.shaoxing{
		transform:scale(0.31366) translate(152px, 83px);
	}
	&.lishui{
		transform:scale(0.31366) translate(63px, 207px);
	}
	&.zhoushan{
		transform:scale(0.31366) translate(267px, 60px);
	}
}
.mapTextCir{
	cursor: pointer;
	&.quzhou{
		&.circle{
			transform:scale(0.31366) translate(47px, 145px)
		}
	}
	&.jinhua{
		&.circle{
			transform:scale(0.31366) translate(151px, 125px)
		}
	}
	&.hangzhou{
		&.circle{
			transform:scale(0.31366) translate(92px, 75px)
		}
	}
	&.jiaxing{
		&.circle{
			transform:scale(0.31366) translate(207px, 24px)
		}
	}
	&.taizhou{
		&.circle{
			transform:scale(0.31366) translate(250px, 150px)
		}
	}
	&.wenzhou{
		&.circle{
			transform:scale(0.31366) translate(202px, 238px)
		}
	}
	&.ningbo{
		&.circle{
			transform:scale(0.31366) translate(274px, 85px)
		}
	}
}
.svgPop{
	width:107px;
	border:1px solid #E8793B;
	border-radius:6px;
	position:absolute;
	left:0;
	top:0;
	display:none;
	&.hangzhou{
		left:-60px;
		top:-32px;
		display:block;
		.line{
			width:40px;
			height:1px;
			background: #D17903;
			opacity: .5;
			position:absolute;
			left:105px;
			top:71px;
			&::before{
				content: "";
				width:39px;
				height:1px;
				background: #D17903;
				transform: rotate(66deg);
				position:absolute;
				left:28px;
				top:18px;
			}
		}
	}
	&.jiaxing{
		left:266px;
		top:-69px;
		.line{
			width:40px;
			height:1px;
			background: #D17903;
			opacity: .5;
			position:absolute;
			right:105px;
			top:47px;
			&::before{
				content: "";
				width:47px;
				height:1px;
				background: #D17903;
				transform: rotate(-77deg);
				position:absolute;
				left:-29px;
				top:23px;
			}
		}
	}
	&.ningbo{
		left:349px;
		top:80px;
		.line{
			width:40px;
			height:1px;
			background: #D17903;
			opacity: .5;
			position:absolute;
			right:105px;
			top:47px;
			&::before{
				content: "";
				width:47px;
				height:1px;
				background: #D17903;
				transform: rotate(-123deg);
				position:absolute;
				left:-36px;
				top:-20px;
			}
		}
	}
	&.quzhou{
		left:-117px;
		top:80px;
		.line{
			width:40px;
			height:1px;
			background: #D17903;
			opacity: .5;
			position:absolute;
			left:105px;
			top:45px;
			&::before{
				content: "";
				width:36px;
				height:1px;
				background: #D17903;
				transform: rotate(-143deg);
				position:absolute;
				left:36px;
				top:11px;
			}
		}
	}
	&.jinhua{
		left:350px;
		top:65px;
		.line{
			width:171px;
			height:1px;
			background: #D17903;
			opacity: .5;
			position:absolute;
			right:105px;
			top:45px;
			&::before{
				content: "";
				width:27px;
				height:1px;
				background: #D17903;
				transform: rotate(-37deg);
				position:absolute;
				left:-24px;
				top:8px;
			}
		}
	}
	&.wenzhou{
		left:350px;
		top:177px;
		.line{
			width:119px;
			height:1px;
			background: #D17903;
			opacity: .5;
			position:absolute;
			right:105px;
			top:45px;
			&::before{
				content: "";
				width:27px;
				height:1px;
				background: #D17903;
				transform: rotate(-37deg);
				position:absolute;
				left:-24px;
				top:8px;
			}
		}
	}
	.svgTitle{
		height:28px;
		background: #E8793B;
		font-size:0.875rem;
		color:#FFFFFF;
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.svgInfo{
		padding:8px 20px;
		background: #fff;
		border-radius: 6px;
		.item{
			display: flex;
			align-items: center;
			justify-content: flex-start;
			font-size:0.75rem;
			color:#595959;
			padding:4px 0;
			span{
				width:20px;
				color:#E8793B;
				margin-left:5px;
			}
		}
	}
}
#chinaMap{
	width: 1012px;
	height: 706px;
}
.dotMap{
	position:absolute;
	right:0;
	bottom:0;
	margin-right:121px;
	margin-bottom:127px;
}
.qiaoArea{
	cursor: pointer;
	transform: scale(0.21758242);
}
#offcanvasNavbar{
	display:none;
}
.newsImg{
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);
}
.mobile-search{
	visibility: hidden;
}
.logoMap{
	position:relative;
	display:flex;
	padding-left:75px;
	padding-top:87px;
	.imgBox{
		height:115px;
	}
	.even{
		width:175px;
		display:flex;
		flex-direction: column;
		position:relative;
		margin-left:-75px;
		img{
			width:175px;
			height:115px;
			object-fit: cover;
		}
	}
	.odd{
		width:175px;
		display:flex;
		flex-direction: column;
		position:relative;
		margin-left:-76px;
		margin-top:-57px;
		img{
			width:175px;
			height:115px;
			object-fit: cover;
		}
	}
}
.hzhbBg{
	position:relative;
	&::before{
		content: "";
		position:absolute;
		width:1920px;
		height:870px;
		background: url("../img/hzhbBg.png") no-repeat;
		background-size: 1920px 870px;
		margin-left:-360px;
		z-index:-1;
		margin-top:-172px;
	}
}
.yyqBg{
	width:100%;
	height:600px;
	background:url("../img/jtryBg.png") no-repeat bottom center;
	background-size: 100% 600px;
	padding-top:60px;
	.yyBottom{
		height:280px;
		padding-top:65px;
		text-align: center;
		width:100%;
		background: url("../img/yyBottom.png") no-repeat bottom center;
		background-size: 1124px 154px;
		img{
			margin:0 4px;
		}
		&.big{
			padding-top:40px;
		}
	}
}
.jiagouBox{
	.jiagouTit{
		position:relative;
		&::after{
			content: "";
			position:absolute;
			width:1px;
			height:49px;
			left:50%;
			bottom:0px;
			margin-bottom:-49px;
			background: #979797;
		}
	}
	.jiagouLine{
		.col{
			position:relative;
			&::before{
				content: "";
				position:absolute;
				width:100%;
				height:1px;
				left:0px;
				top:0;
				background: #979797;
				margin-top:-36px;
			}
			&::after{
				content: "";
				position:absolute;
				width:1px;
				height:36px;
				left:50%;
				top:-36px;
				background: #979797;
			}
			&:first-child{
				&::before{
					width:50%;
					left:auto;
					right:0;
				}
			}
			&:last-child{
				&::before{
					width:50%;
				}
			}
			.line{
				content: "";
				position:absolute;
				width:100%;
				height:1px;
				left:0px;
				margin-left:-50%;
				bottom:0;
				background: #979797;
				margin-bottom:-36px;
				&::before{
					content: "";
					position:absolute;
					width:1px;
					height:36px;
					right:0;
					top:-36px;
					background: #979797;
				}
				&::after{
					content: "";
					position:absolute;
					width:1px;
					height:36px;
					left:0;
					top:0;
					background: #979797;
				}
				
			}
			.hoverGou{
				padding-top:33px;
				padding-bottom:44px;
				background: url("../img/toggle.png") no-repeat bottom 16px center;
				background-size: 17px 9px;
				cursor: pointer;
				width:147px;
				&:hover,&.active{
					background: url("../img/toggleH.png") no-repeat bottom 16px center;
					background-size: 17px 9px;
					&::before{
						content: "";
						position:absolute;
						bottom:0;
						left:50%;
						margin-bottom:-49px;
						transform: translate(-50%,0);
						width:57px;
						height:35px;
						background: url("../img/thri.png") no-repeat;
						background-size: cover;
					}
				}
				
			}
		}
	}
	.jigouDetail{
		.popBox{
			display: none;
		}
	}
}
@media (max-width: 1200px) {
	.hyrwBg{
		overflow: hidden;
	}
	.advantageBox,.advantageMian{
		min-width: 1200px;
	}
	
	.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{
		&.bg-opacity-0{
			--bs-bg-opacity:1;
		}
		.navbar-brand{
			padding:0.75rem 0;
			.darkLogo{
				display:block;
				width:80px !important;
				height:20.5px !important;
			}
			.whiteLogo{
				display:none;
			}
		}
		.navbar-toggler{
			&:focus{
				box-shadow: none;
			}
		}
	}
	#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;
							}
						}
					}
				}
			}
		}
	}
	.mobileTitle{
		border-bottom:0px !important;
		align-items: center;
		.mobileName{
			border-left:3px solid #BF0B15;
			border-bottom:0 !important;
			padding-left:8px;
			padding-bottom:0px !important;
			height:20px !important;
			font-size:0;
		}
		img{
			width:80px !important;
			height:19px !important;
		}
	}
	.mobile-Num-Block{
		background:#fff !important;
		.h-78{
			height:3.625rem;
		}
		.fs-48{
			font-size:1.75rem;
		}
		.fs-6{
			font-size:0.875rem !important;
		}
		.pb-5{
			padding-bottom:1.375rem !important;
		}
		.text-white{
			color:#262626 !important;
		}
		.divider-vertical{
			display:none;
		}
		.col-6{
			box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
			border-radius: 6px;
			margin-top:1rem;
			margin-left:0.5rem;
			margin-right:0.5rem;
			width:calc(50% - 1rem);
			text-align:left;
			padding-left:3.75rem;
			img{
				position:absolute;
				left:1rem;
				top:1.75rem;
				&.d-none{
					display:block !important;
				}
			}
		}
	}
	.bottom-163{
		bottom:236px !important;
	}
	#carouselExampleIndicators .carousel-indicators [data-bs-target]{
		width:8px;
		height:8px;
		margin:0 4px;
	}
	.newad-bg{
		padding-bottom: 40px;
	}
	.index_sector{
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
		border-radius: 6px;
		height:517px;
		background: none;
		.swiper{
			height:517px;
		}
		.swiper-pagination{
			&.swiper-pagination-horizontal{
				bottom:16px !important;
				top:auto !important;
				.swiper-pagination-bullet{
					width:8px;
					height:8px;
					background: #D8D8D8;
					border:1px solid #D8D8D8;
					&.swiper-pagination-bullet-active{
						background: #BF0B15;
						border:1px solid #BF0B15;
					}
				}
			}
		}
		.index_sector_mian{
			background:#fff;
			padding:16px;
			width:100%;
			height: auto;
			.index_sector_num{
				width: 33px;
				height: 38px;
				font-size: 30px;
				font-family: DINPro, DINPro;
				font-weight: bold;
				color: #262626;
				line-height: 38px;
				margin-top:0;
			}
			.index_sector_title{
				font-size:1.5rem;
				color:#262626;
				font-weight: bold;
				margin-top:4px;
			}
			.index_sector_lable{
				font-size:0.875rem;
				color:#595959;
				font-weight: bold;
				margin-top:20px;
			}
			.index_sector_line{
				background: #BF0B15;
				height:2px;
				margin-top:8px;
			}
			.index_sector_word{
				font-size:12px;
				color:#595959;
				width:auto;
				text-align:justify;
			}
			a.index_sector_more{
				// border:1px solid #979797;
				// color:#979797;
				position: static;
				margin-top:24px;
			}
			.index_sector_photo{
				position:static;
				width:100%;
				height:220px;
				padding-top:24px;
				padding-bottom:40px;
				margin-top:0;
				img{
					width:100%;
					height:156px;
					object-fit: cover;
				}
			}
		}
	}
	.mobileFooter{
		padding-bottom:1rem;
		.border-bottom{
			img{
				width:80px;
				height:20.5px;
			}
			&.p-30{
				padding:1rem 0;
			}
		}
		.d-xl-flex{
			&.p-30{
				padding:0;
			}
			.d-flex{
				padding-top:1rem;
			}
		}
		.col{
			&.justify-content-end{
				justify-content: flex-start !important;
				&.pt-35{
					padding-top:24px;
				}
			}
		}
	}
	.mobileBottom{
		.fs-14{
			font-size:10px !important;
		}

		.justify-content-center{
			justify-content: flex-start !important;
		}
		span{
			height:15px;
			line-height: 15px;
			display:inline-block
		}
		.d-xl-inline{
			margin-bottom:4px;
		}
		.d-inline-flex{
			vertical-align: bottom;
			img{
				width:12px !important;
				height:12px !important;
			}
		}
	}
	.min-vw-288{
		min-width:288px !important;
	}
	.mobileScroll{
		width:100%;
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
		border-bottom:1px solid #eee;
		&::-webkit-scrollbar{
			overflow-x: scroll;
			-ms-overflow-style: none;
			overflow: -moz-scrollbars-none;
			display: none!important;  width: 0px;  height: 0px;
		}
		.row{
			width: 1200px;
		}
	}
	.accordion{
		width:1808px;
		white-space: nowrap;
		&.pb-80{
			padding-bottom:50px;
		}
		.acc-item{
			width:288px;
			margin-right:1rem;
			&:last-child{
				margin-right:0;
			}
			&.active{
				width:288px;
			}
			.acc-active{
				.acc-title{
					width:100%;
				}
				.acc-detail{
					width: 100%;
					text-align:justify;
					white-space: normal;
					ext-overflow: -o-ellipsis-lastline;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 6;
					line-clamp: 6;
					-webkit-box-orient: vertical;
				}
			}
		}
	}
	.mobile-font{
		font-size:18px !important;
	}
	// 集团概况
	.pt-100{
		padding-top:44.5px;
	}
	.mobile-banner{
		height:190px;
	}
	.mobileScroll{
		&.mobile-space{
			.nav-tabs{
				min-width:100%;
				justify-content: space-between;
				 // border-bottom:1px solid #eee !important;
				 &>.nav-link{
				 	border-bottom:0 !important;
				 }
			}
		}
		.nav-tabs{
			justify-content: flex-start;
			min-width:520px;
			flex-wrap: nowrap;
			border-bottom:0 !important;
			&>.nav-link{
				// border-bottom:1px solid #eee !important;
			}
			.nav-link{
				padding:8px;
				font-size:1rem;
				white-space: nowrap;
				&:last-child{
					margin-right:0;
				}
				&.active{
					&::before{
						width:80px;
					}
				}
			}
			.hasToggle{
				&>.nav-link{
					border-bottom:1px solid #eee !important;
				}
				.toggleNav{
					display: none !important;
				}
			}
		}
	}
	.mobile-map{
		width:100% !important;
		height:220px !important;
		#chinaMap{
			width:100% !important;
			height:220px !important;
		}
		.dotMap{
			margin-right:28%;
			margin-bottom:19%;
		}
	}
	.zhejiangArea{
		transform: scale(.75) translateX(-60%) !important;
	}
	.ps-53{
		padding-left:16px;
	}
	.pt-88{
		padding-top:55px;
	}
	.smallT{
		font-size:14px !important;
	}
	.timeLine{
		left:36px;
	}
	.timeDivider{
		left:34px;
		height:calc(100% - 35px);
		top:34px;
	}
	.ps-12{
		padding-left:0 !important;
	}
	// 信息公开
	.searchBox{
		width:100%;
		&.searchBox-long{
			width:90%;
			height:60px;
			padding:0 0 0 32px;
			border-radius: 60px !important;
			input{
				width:calc(100% - 132px);
			}
			.searchButton{
				right:1rem;
				top:10px;
				width:40px;
				height:40px;
			}
		}
	}
	.hotNews{
		.normalBg{
			width:60px !important;
			height:60px !important;
		}
		.hoverBg{
			width:60px !important;
			height:60px !important;
		}
		.fs-18{
			font-size:1rem;
		}
		.fs-32{
			font-size:1rem;
			width: 32px;
		}
		.newsTit{
			&.fs-2{
				font-size:18px !important;
			}
			&.fs-18{
				font-size:12px !important;
			}
		}
		.border-bottom{
			border-bottom:0 !important;
		}
	}
	.mobile-shadow-none{
		box-shadow:none !important;
	}
	.mobile-fs-12{
		font-size: 12px !important;
	}
	.mobile-font-14{
		font-size: 14px !important;
	}
	.mobile-font-16{
		font-size: 16px !important;
	}
	.lqTable{
		min-width:800px;
	}
	.mobile-toggle{
		position: absolute;
		left:0;
		top:0;
		z-index: 5;
		width:177px;
		display: none;
		.toggleNav{
			display: block;
			button{
				border:0;
				background: #fff;
			}
		}
	}
	.mobile-photo{
		overflow: hidden;
		.fs-4{
			font-size:12px !important;
			white-space: normal !important;
			
		}
		.fs-14{
			display: none;
		}
		.coverBox{
			.translate-middle{
				width: 100%;
				padding:0 8px;
			}
		}
		.divider{
			width:50%;
		}
		.mobile-h-285{
			height:17.8125*1.5vw !important;
		}
		.mobile-h-255{
			height:calc((32.375*1.5vw - 8px)/2)!important;
		}
		.mobile-h-518{
			height:32.375*1.5vw !important;
		}
		.mobile-h-260{
			height:16.25*1.5vw !important;
		}
		.mobile-h-505{
			height:31.5625*1.5vw !important;
		}
		.mobile-h-237{
			height:calc((31.5625 - 16.25)*1.5vw - 8px) !important;
		}
	}
	.h-635{
		height:300px;
	}
	.svgPop{
		&.ningbo{
			left:308px;
			.line{
				width:0px;
			}
		}
		&.wenzhou{
			left:305px;
			.line{
				width:73px;
			}
		}
		&.jinhua{
			left:310px;
			.line{
				width:130px;
			}
		}
		&.quzhou{
			left:-99px;
			.line{
				width:25px;
				&::before{
					left:20px;
				}
			}
		}
	}
	.w-1053{
		width:100%;
		margin:0;
	}
	.newsImg{
		width:100%;
		height:250px;
	}
	.maoLinkOut{
		left:auto;
		margin-left:0;
		right:16px;
	}
	.logoMap{
		flex-direction: column;
		padding-left:0px;
		.imgBox{
			width:25%;
			img{
				width:100%;
			}
		}
		.odd{
			flex-direction: row;
			width:100%;
			margin-left:0;
			margin-top:-48px;
			left:50%;
			transform: translate(-50%,0);
		}
		.even{
			flex-direction: row;
			width:75%;
			margin-top:-48px;
			.imgBox{
				width:33.3333%;
			}
			margin-left:0;
			// margin-top:-48px;
			left:50%;
			transform: translate(-50%,0);
		}
	}
	.yyqBg{
		padding-top:50px;
		height:500px;
		.yyBottom{
			padding-top:0px;
			background-size:100% auto;
			height:180px;
			img{
				width:28%;
				height:31%;
				margin-top:10px;
			}
			&.big{
				padding-top:0;
				img{
					width:28%;
					height:33%;
				}
			}
		}
	}
	.hzhbBg{
		&::before{
			display: none;
		}
	}
	.jiagouBox{
		.fs-18{
			font-size:12px;
		}
		.jiagouTit{
			white-space: nowrap;
		}
		.mt-32{
			margin-top:20px;
		}
		.px-100{
			padding:0 16px;
		}
		.jiagouLine{
			.col{
				padding:0 4px;
				.hoverGou{
					width:100%;
					height:100%;
					padding:8px 0 20px 0;
					background: url("../img/toggle.png") no-repeat bottom 8px center;
					background-size: 17px 9px;
					position:relative;
					.fs-6{
						font-size:12px !important;
					}
					&:hover,&.active{
						&::before{
							margin-bottom:-18px;
						}
					}
				}
			}
		}
		
	}
	.structure_phone{
		&>.px-5{
			padding-left: 0rem!important;
			padding-right: 0rem!important;
			&>.px-5{
				padding-left: 1rem!important;
				padding-right: 1rem!important;
				&>.row{
					&>.col-2{
						width: 100%;
						&>.nav{
							border-radius:2px;
							&>.nav-link{
								padding: 8px 12px;
								&>.fs-5{
									font-size: 12px!important ;
								}
								&>.fs-18{
									font-size: 12px!important ;
									&>.fs-40{
										font-size: 14px!important ;
									}
								}
							}
						}
					}
					&>.col-10{
						width: 100%;
						margin-top: 10px;
						&>.tab-content{
							&>.tab-pane{
								&>.row{
									padding: 6px 12px;
									&>.col-6{
										width: 100%;
										&>.fs-4{
											font-size: 14px !important;
										}
										.fs-6{
											font-size: 12px !important;
										}
										.pb-xl-4{
											margin-bottom: 12px;
										}
										.pb-3{
											padding-bottom: 0px!important;
										}
									}
									&>.col-12{
										width: 100%;
										&>.fs-4{
											font-size: 14px !important;
										}
										.fs-6{
											font-size: 12px !important;
										}
										.pb-xl-4{
											margin-bottom: 12px;
										}
										.pb-3{
											padding-bottom: 0px!important;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

.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(191, 11, 21, 0.1);
				&:before{
					display: none;
				}
			}
			&.active{
				background: #BF0B15;
				color: #fff;
				&:before{
					display: none;
				}
			}
		}
	}
}
.structure-box{
	min-height: 459px;
}