@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:"微软雅黑","Microsoft Yahei","宋体", Arial;
	font-size:14px;
	line-height:1.5;
	color:#333;
	width:100%;
	min-width:1200px;
	margin:0px auto;
	background-color:#f5f5f5;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#b10004;
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.container {
	max-width:1200px;
	margin:0px auto;
	
	height:auto;

}

* {
	box-sizing: border-box;
}
.tpleft{ float:left;}
.tpright{ float:right;}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.whitebg{ background-color: #fff;}
/* 首页 */
.header{  width:100%; height: 162px;
    background-size: cover; background-color: #b10202; color: #fff;}
.header .container{ height: 162px;}
.logo{ text-align:left;float:left;}
.logo img{ height:91px; width:auto; margin-right:19px;}
.nav{ background: #9d0303; }
.menu ul{ display: flex; align-items: stretch; justify-content: space-between;}
.menu ul li{ float:left; flex:1; position:relative;}
.menu ul li .title{ display:flex; text-align:center; font-size:16px; color:#fff; flex-direction: column; padding: 8px 0px;}
.menu ul li .title:hover,.menu ul li.active .title{  background-color: #c20000; }
.menu ul li .title .icon{ height: 26px; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 3px;}
.menu ul li .title .icon img{ height: 26px; display: block;}

.dance{ margin-top: 15px;}
.index_bt{background:linear-gradient(to bottom,#fefefe,#fff2f2,#ffe3e4); height: 45px; padding-right: 20px;}
.index_bt .more{ color: #666;}
.index_bt .tpleft{ width: 110px; background-color: #ae0002; color: #fff; line-height: 45px; text-align: center; font-size: 17px; position: relative; padding-left: 10px;}
.index_bt .tpleft:before{
	 content: "";
	 position: absolute; 
	 width: 46px;
	 height: 45px;
	 background-image: url(../images/htbg_03.png); background-repeat: no-repeat; background-position: center center; right: -46px; top: 0px;
	 background-size: cover;
}
.index_new{ padding: 15px; display: flex; align-items:stretch; justify-content: space-between;}
.index_new .new_right{ width: 45%;}
.index_new .new_left{ width: 50%;}
.index_new .new_left img{ width: 100%; height: 100%;}
.index_new .new_right .new_adv{background:linear-gradient(to bottom,#fa201a,#e11e1c,#c71515); height: 80px; padding-left: 7px; padding-top: 10px;}
.index_new .new_right .new_adv .pic{ width: 85%;}
.index_new .new_right .new_adv .more{ text-align: right; padding-right: 20px; position: relative;}
.index_new .new_right .new_adv .more a{  display: inline-block; color: #fff2c7; font-size: 12px; }
.index_new .new_right .new_adv .more:before{
	content: "";
	position: absolute; right: 87px;
	background-color: #fff2c7; width: 70%; height: 1px; top: 50%;
	transform:translateY(-50%);-webkit-transform:translateY(-50%);
	opacity: 0.23;
}
.news_l ul{ padding:0px;}
.news_l ul li{ width:100%; display:block;line-height:4;display: flex;
    align-items: center;
    justify-content: space-between; border-bottom: 1px #d7d7d7 solid; position: relative; padding-left: 10px;}
.news_l ul li:before{ content: ""; position: absolute; left: 0px; width: 2px; height: 12px; background-color: #bd1313;top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.news_l ul li a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-right:10px; float:left; flex:1; }
.news_l ul li .date{ float:right; white-space:nowrap; color: #999; font-size: 12px;}

.Industrial { padding: 25px 25px;}
.Industrial ul{display: flex;align-items:flex-start; flex-wrap: wrap; }
.Industrial ul li{ width:22.7%; float:left;overflow:hidden; margin:0px 13px; text-align:center; border-bottom: 2px #d22c09 solid;}
.Industrial ul li:last-child{ margin-right:0px;}
.Industrial ul li a .tit{ font-size:14px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; }
.Industrial ul li a .photo{ height:188px; width:100%; margin-bottom:10px; overflow:hidden; position: relative;}
.Industrial ul li a .photo img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .Industrial ul li a .photo .date{position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; padding: 5px 3px;  color: #fff; background: rgba(210, 44, 9, 0.9); width: 63px; text-align: center; font-size: 10px;}
.Industrial ul li a .photo .date .day{ font-size: 22px; line-height: 1.2;}
.Industrial ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.Industrial ul li a .content{ text-align: left; padding-bottom: 10px;}
.Industrial ul li a .content .tit{font-size: 16px; font-weight: bold;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom: 4px;}
.Industrial ul li a .content .desc{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;color: #888; font-size: 12px;}
.scroller{
	display:flex;
	flex-wrap:nowrap;
	overflow:hidden;
}

.scroller .scroll-wrapper{
	display:flex;
	flex-wrap:nowrap;
}

.part_3{ display: flex; align-items: stretch; justify-content: space-between;}
.work_box{ width: 49.5%;}

.news_2 { padding: 20px;}
.news_2 ul{ padding:0px;}
.news_2 ul li{ width:100%; display:block;line-height:2.7;display: flex;
    align-items: center;
    justify-content: space-between; border-bottom: 1px #d7d7d7 solid; position: relative; padding-left: 10px;}
.news_2 ul li:before{ content: ""; position: absolute; left: 0px; width: 5px; height: 5px; background-color: #373737;top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%); border-radius: 50%;}
.news_2 ul li a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-right:10px; float:left; flex:1; }
.news_2 ul li .date{ float:right; white-space:nowrap; color: #999; font-size: 12px;}
.index_service { padding: 15px 20px;}
.index_service ul{display: flex;
align-items: stretch; flex-wrap: wrap;}
.index_service ul li{ width: 33.3%;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.index_service ul li:nth-child(3n){ border-right: 0px;}
.index_service ul li a{ padding: 10px 0px; display: flex; flex-direction: column; text-align: center; font-size: 15px; color: #b10004;}
.index_service ul li a .icon img{height: 36px; width: auto;line-height: 1; margin-bottom: 3px;}
.index_service ul li:nth-child(7),.index_service ul li:nth-child(8),.index_service ul li:nth-child(9){ border-bottom: 0px;}
.part_4{ margin-bottom: 20px; padding: 20px;}
.main_bt{ border-bottom: 3px #ae0002 solid; padding-bottom: 6px; margin-bottom: 15px;}
.main_bt .tpleft{ font-size: 17px; color: #ae0002;}
.main_bt .tpleft img{ height: 19px; line-height: 1;}
.links ul{display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 10px 10px;
align-items: stretch;}
.links ul li{border: 1px solid #eee;
    border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 79px; padding: 6px;}
.links ul li:hover{box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);}
footer{background-color: #b10004;
    color: #ffffff;
    border-top: 6px solid #dc572e; text-align: center; padding: 30px 0px; line-height:1.8;}

.listbox{ display: flex; align-items: flex-start; justify-content: space-between; padding: 20px;}
.list{ padding: 25px 0px;}
.listleft {
		width: 245px;
		float: left;
	  }
.listleft .list-menu-title {
		width: 100%;
		height: 56px;
		background-color: #9d0303;
		text-align: center;
		line-height: 56px;
		font-size: 20px;
		color: #fff;
	  }
.listright {
		flex:1; margin-left: 4%;
		float: right;
		background: rgba(255, 255, 255, 0.8);
	  }
	  
.listright .list-title {
		width: 100%;
		height: 44px;
		border-bottom: 1px solid #ddd;
		line-height: 44px;
		padding-bottom: 6px;
		margin-bottom: 10px;
	  }
.listright .list-title h3{
		font-size: 24px;
		  color: #333;
		  float: left;
		  font-weight: normal;
	  }
.listright .list-title p{
		float: right;
		font-size: 14px;
		color: #999;
	  }
.listright .list-title p a{ color: #999;}
.listright .list-title p a:hover{ color: #333;}
.listright .article_details{
		padding-top: 20px;
	  }
	  .page {
		text-align: center;
		font-size: 12px;
		padding: 20px;
	  }
	  
	  .page i {
		font-style: normal;
	  }
	  
	  .page a {
		margin: 0 5px;
		font-size: 12px;
		display: inline-block;
		height: 22px;
		padding: 0px 4px;
		border: solid 1px #b10004;
		background: #fff;
		text-decoration: none;
		margin-right: 1px;
		line-height: 22px;
	  }
	  .newslist ul li {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		position: relative;
		border-bottom: 1px solid #f1f1f1;
		text-indent: 20px;
		display: flex; align-items: center; justify-content: space-between;
	  }
	  .newslist ul li a {
		color: #000;
		font-size: 14px !important;
		-webkit-text-size-adjust: none;
		display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;
		flex:1; margin-right: 2%;
	  }
	  .newslist ul li a:hover {
		 color: #b10004;
	  }
	  .newslist ul li a i {
		font-size: 14px !important;
	  }
	  .newslist ul li span {
		float: right;
		color: #888;
	  }
	  .newslist ul li i{
	   
		  display: block;
		  width: 5px;
		  height: 5px;
		  background: #b10004;
		  position: absolute;
		  left: 6px;
		  top: 50%;
		  transform: translateY(-50%);
		}
		.PrevDisabled {
			font-size: 12px;
		
			display: inline-block;
			height: 22px;
			margin-right: 3px;
			padding: 0px 4px;
			background: #fff;
			color: #ccc;
			border: solid 1px #fa9c9e;
			line-height: 22px;
		  }
		  
		  .detialtitle h1 {
			font-size: 28px;
			text-align: center;
			line-height: 190%;
			font-weight: normal;
			color: #b10004;
			padding: 30px;
			-webkit-text-size-adjust: none;
		  }
		  
		  .detialtitle h1 {
			font-size: 28px;
			text-align: center;
			line-height: 190%;
			font-weight: normal;
			color: #b10004;
			padding: 30px;
		  }
		  
		  .detialtitle p {
			padding: 20px;
			text-align: center;
		  }
		  
		  .detialtitle p span {
			display: inline-block;
			padding: 0 20px;
			color: #5c5c5c;
			font-size: 12px;
		  }
		  
		  .detialbox p {
			line-height: 180%;
			-webkit-text-size-adjust: none;
			text-indent: 2em;
			color: #333;
			padding-bottom: 19px;
			font-size: 14px !important;
			margin-bottom: 20px;
		  }
		  .page input{ height: 22px; line-height: normal;}
		  .page div{ display: flex; align-items: center; justify-content: center;}
		  .listleft ul li{ border-top: 1px #fff solid;    background: #f1f3f5;
			overflow: hidden;
			}
.listleft ul li a{  display:block;  text-align:center;line-height: 51px; font-size: 16px;}
.listleft ul li a:hover,.listleft ul li.active a{ background:#c20000; color: #fff; }
.new_show { padding-top:25px; width:100%;}
.new_show .title {
	font-size:26px;
	text-align:center; line-height:1.1;
}
.new_show .infor {
	text-align:center;
	color:#8e8e8e;
	margin:20px 0px 25px;
}
.new_show .n_content {
	color:#000;
	font-size:16px;
	line-height:1.9;
	padding-bottom:40px;
}
.new_show .n_content p {
	margin-bottom:15px;
}
.new_show .n_content img {
	max-width:100%;
	height:auto;
}
.fan_1 {
	border-top:1px #e6e6e6 solid;
	padding-top:25px;
}
.fan_1 ul li {
	margin:15px 0px;
}
.fan_1 ul li a {
	font-size:16px;
	display: flex;
	align-items: center;
}

.fan_1 ul li a:hover {
	color:#c20000;
}
	
.menu ul li .submenu{ background:#9d0303;width:100%; position:absolute; top:100%; padding:0px; z-index:20; transform-origin: 50% 0; transform: scaleY(0) translateZ(0);
    opacity: 0;
    transition: transform 0.3s,opacity 0.3s; left:0%; overflow:auto;}
.menu ul li:hover .submenu{ transform: scaleY(1) translateZ(0);opacity: 1;}
.menu ul li .submenu dd a{ color:#fff; line-height:40px;text-transform: none;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;text-align:center; font-weight:normal; height:auto; width:100%;}
.menu ul li .submenu dd a:hover{ background:#c20000;color:#fff;}
.header .more{ color: #fff;}
.header .more img{ height: 16px; margin-right: 6px;}

.newsbanner {
	width: 50%;
	height: 368px;
  
  
  }
  
  .newsbanner img {
	width: 100%;
	height: 100%;
  }
  
  .newstips {
	height: 40px;
	line-height: 40px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: rgb(0 0 0 / 50%);
	text-align: left;
	text-indent: 20px;
  }
  
  .newstips a {
	font-size: 14px;
	color: #fff;
	text-align: left;
  }
  
  .newsbanner .swiper-pagination {
	right: 10px;
	left: auto;
	width: 140px;
  }
  
  .newsbanner .swiper-pagination-bullet {
	list-style: none;
	float: left;
	width: 18px;
	height: 18px;
	border-width: 1px;
	border-color: rgb(153, 153, 153);
	border-style: solid;
	background: rgb(102, 102, 102);
	text-align: center;
	cursor: pointer;
	margin-left: 3px;
	font-size: 12px;
	font-family: Verdana;
	line-height: 18px;
	opacity: 0.7;
	color: rgb(204, 204, 204);
	border-radius: 0;
  }
  
  
  .newsbanner .swiper-pagination-bullet-active {
  
	float: left;
	width: 18px;
	height: 18px;
	border-width: 1px;
	border-color: rgb(255, 0, 0);
	border-style: solid;
	background: rgb(204, 0, 0);
	text-align: center;
	cursor: pointer;
	margin-left: 3px;
	font-size: 12px;
	font-family: Verdana;
	line-height: 18px;
	opacity: 0.7;
	color: rgb(0, 0, 0);
	border-radius: 0;
  }