@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:var(--redColor);
}
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 {
	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;
}
:root{
	--publicColor:#b70408;
    --redColor:#940003;
    
}
.whitebg{ background-color: #fff; padding: 20px;} 
/* 首页 */
.header{  width:100%; position: relative; text-align: center;}
.header img{ width: 100%; height: auto;}
.header .container{ position: absolute; top:50%; left: 50%;transform: translate(-50%,-50%); display: flex; justify-content: flex-end;}

.search_1{ display:block; width:252px;}
.search_1 .sear_one{ width:100%; background:#fff; padding:0px 0px 0px 10px; border-radius: 2px;}
.search_1 .sear_one .formbit{ flex:1; height:32px; line-height:32px; float:left; border:0px; outline:none; font-size:14px;border:0px; background:none;}
.search_1 .sear_one .sumbit{ width:68px; height:32px; text-align:center;     background: var(--publicColor);border:0px; color:#fff; font-size:14px; float:right; outline:none; cursor:pointer; border-radius: 0px 2px 2px 0px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.search_1 .sear_one .formbit::-webkit-input-placeholder {
 color: #666;
}


.nav{ background: var(--publicColor); }
.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:26px; color:#fff; flex-direction: column; padding: 8px 0px; font-weight: 600; line-height: 2;}
.menu ul li .title:hover,.menu ul li.active .title{  background-color: var(--redColor); }


.dance{ margin-top: 15px;}
.index_bt{  padding-right: 12px;  border-bottom: 2px #ff7500 solid;}
.index_bt .more{ }
.index_bt .tpleft{ color:#b70408;display: flex; align-items: center;font-size:24px; font-weight: bold; position: relative;background-repeat:no-repeat; padding-left:5px; background-position:left center; background-size:cover; width:196px; height:52px;}
.index_bt .tpleft img{ width: 25px; height: auto; margin-right: 8px;}
.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{ display: flex; align-items:flex-end; justify-content: space-between;}
.index_new .new_right{ flex:1; margin-left: 2%; overflow: hidden;}
.index_new .new_left{ width: 40%; overflow: hidden;}
.index_new .new_left img{ width: 100%; height: 100%;}
.index_new .swiper-slide{ width: 100% !important; overflow: hidden;}
.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;}


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

.new_class{ border-bottom: 2px #9f9f9f solid;}
.new_class ul li{ cursor: pointer; color: var(--publicColor); padding: 10px 15px; font-size: 24px; font-weight: bold; display: flex; align-items: center; position: relative;}
.new_class ul li img{ height: 20px; width: auto; margin-right: 10px;  display:block;}
.new_class ul li.cur:before{ content: ""; position: absolute; left: 0px; width: 100%; height: 2px; background-color: #ff7500; bottom: -2px;}

.news_2 { padding: 0px 5px; margin-top: 10px;}
.news_2 ul{ padding:0px;}
.news_2 ul li{ width:100%; display:block;height:51px;display: flex;
    align-items: center; font-size: 18px;
    justify-content: space-between; border-bottom: 1px #d7d7d7 solid; position: relative; }
.news_2 ul li a: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; padding-left: 10px; position: relative;}
.news_2 ul li .date{ float:right; white-space:nowrap; color: #999; font-size: 14px;}
.news_2 ul li .lab{ width: 40px; border: 1px var(--publicColor) solid; font-size: 12px; line-height: 1; text-align: center; margin-right: 10px; }
.news_2 ul li .lab .d2{ background-color: var(--publicColor); color: #fff;}
.news_2 ul li .lab .d1{ color: #666;}

.part_4{ margin-bottom: 20px; padding: 20px;}
.links { }
.links ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px 30px;
align-items: stretch;}
.links ul li{border: 1px solid #eee;
    border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center;  padding: 6px;}
.links ul li a{display: flex; align-items: center;width: 100%;height: 69px; justify-content: center; font-size: 20px; color: var(--publicColor);}
.links ul li a img{ width: 50px; margin-right: 10px;}
.links ul li:hover{box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);}
footer{background-color: var(--publicColor);
    color: #ffffff;
    padding: 30px 0px; line-height:1.8;}
footer .foot1{ align-items: flex-start; padding-bottom: 20px;}
footer .foot1 .items{ flex:1; overflow: hidden;}
footer .foot1 .items .title{ font-size: 16px; margin-bottom: 10px;}
footer .foot1 .items .infor a{display: block;}
footer a{ color:#fff;}
footer a:hover{ color: #fff; opacity: 0.8;}
footer .copyright{  border-top: 1px rgba(255,255,255,0.4) solid; padding:10px 0px 0px ;}
.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: var(--redColor);
		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: 14px;
		padding: 20px;
	  }
	  
	  .page i {
		font-style: normal;
	  }
	  
	  .page a {
		margin: 0 5px;
		font-size: 14px;
		display: inline-block;
		padding: 0px 4px;
		border: solid 1px #b10004;
		background: #fff;
		text-decoration: none;
		margin-right: 1px;
		line-height: 22px;
	  }
	  .newslist ul li {
		height: 45px;
		line-height: 45px;
		
		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: 16px !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: 14px;

			display: inline-block;
	
			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: 24px; 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:  var(--publicColor); 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: 49.5%;
	height: 400px; margin-top:20px;

  }
  .newsbanner .swiper-container-pointer-events{ height: 100%;}
  
  .newsbanner img {
	width: 100%;
	height: 100%;object-fit: cover;
 object-position: center center;
  }
  
  .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;
  }
  .tabcontent_1 .news_2{
	display:none;
}
.tabcontent_1 .news_2.cur{
	display: block;
}