@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, "Microsoft YaHei", 微软雅黑;
	font-size:16px;
	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:#333;
}
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;
}
.index1{ max-width: 1920px; width: 100%; margin: 0px auto;}
.container {
	margin:0px auto; width: 85.4%; 
	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:#E60012;
    --redColor:#B21212;
    
}
/* 首页 */
.header{  width:100%; height: 150px; background-color: var(--publicColor); color: #fff;}
.header .container{ height: 150px;}
.header .logo{ text-align:left;float:left;}
.header .logo img{ height:91px; width:auto; margin-right:19px;}
.header .logo .txt{ display:inline-block;  font-size:32px; letter-spacing:1px;}
.header .tpright{float:right;}
.search_1{ display:block; width:268px;}
.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:84px; height:32px; text-align:center;     background: var(--redColor);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;
}
.search_1 .sear_one .sumbit:hover{ background-color: #081D36;}
.nav{ background: var(--redColor);}
.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:block; text-align:center; height:56px; line-height:56px; font-size:16px; color:#fff; font-weight: bold;}
.menu ul li .title:hover,.menu ul li.active .title{ background: linear-gradient(180deg, #D61616 0%, #BD1313 50%);color: #ffff00; width: 100%; }

.menu ul li .submenu{ background: var(--publicColor);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%; border-bottom: 1px var(--redColor)  solid;}
.menu ul li .submenu dd a:hover{ background:var(--redColor);color:#fff;}

.banner{ position:relative; overflow: hidden;}
.banner ul li{ text-align:center;}
.banner .xf_bt{ position:absolute;display: flex;
    align-items: center;
    justify-content: center; z-index:1000; width:100%; padding-right: 10px; bottom:20px !important;}
.banner .xf_bt span{ border: 1px #fff solid; width:10px; height:10px;border-radius:50%; margin:0px 2px !important; cursor:pointer; background: none;}
.banner .xf_bt span.active{ background: var(--redColor);border: 1px var(--redColor) solid;}
.banner ul li img{ width: 100%; height: 460px;object-fit: cover;
	object-position: center center;}


.banner:hover .btn{opacity: 0.5;}
.banner:hover .btn:active,.banner:hover .btn:hover{opacity: 0.7;}
.part_1{ background-image: url(/kjxy/xb2025/images/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 55px 0px;}
.index_coll{ align-items: stretch;}
.index_coll .nex_box{ flex:1;}
.index_bt { width: 100%;}
.index_bt .tpleft{ font-size: 24px; font-weight: 600;  line-height: 1;}
.index_bt .tpleft img{ height: 30px; width: auto; margin-right: 5px;}
.index_bt .more{  background-image: url(/kjxy/xb2025/images/itit-more.png); background-repeat: no-repeat; background-position:left center; color: var(--redColor); padding-left:20px; font-size: 14px; background-size: 15px 17px;}

.news_one{ margin-top: 15px;}
.news_one ul li{ padding: 12px 0px;border-top: 1px solid #dfdfdf; position: relative;}
.news_one ul li a{ display: flex; align-items: center; color: #555;transition: all .3s ease;-webkit-transition: all .3s ease;}
.news_one ul li a .date{ text-align: center; line-height: 1.2;margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd; color:#9d9d9d;}
.news_one ul li a .date .dl{ font-size: 18px; font-weight: bold;}
.news_one ul li a .date .d2{ font-size: 14px;}
.news_one ul li a .txt{ flex:1; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size: 16px; font-weight: 600;}
.news_one ul li a:hover{ color: var(--redColor);}
.news_one ul li a:hover .date{ color: var(--redColor);}
.news_one ul li:after{content: "";
    position: absolute;
    right: 0;
    width: 0;
    bottom:0px;
    height: 1px;
    background-color: #ac0000;
    transition: all .6s;}
.news_one ul li:hover:after{left: 0;
		right: auto; bottom:0px;
		width: 100%;}
.nex_midd{ width: 43.4%; margin: 0px 3%; background-color: #fff;background-image: url(/kjxy/xb2025/images/s1-mbg.png); background-repeat: no-repeat; background-position:center bottom; background-size: 139px 84px; position: relative;}
.nex_midd ul li .content{ padding: 14px 26px;}
.nex_midd ul li .content .tit{ font-weight: bold; font-size:16px; color: #555;}
.nex_midd ul li .content .desc{ color: #838383;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size: 14px; margin-top: 10px;}
.nex_midd ul li .photo{position:relative; display:block; height: 290px; width:100%; overflow:hidden;}
.nex_midd ul li .photo img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .nex_midd ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .nex_midd .xf_bt1{ position: absolute; width: 100%; display: flex; align-items: center; justify-content: center; bottom: 0px !important;}
 .nex_midd .xf_bt1 span{ width: 3px; height: 3px; background-color: #9d9d9d !important; border-radius: 5px; display: inline-block; margin: 0px 3px !important; cursor: pointer;}
 .nex_midd .xf_bt1 span.active{ background-color: var(--redColor) !important; width: 10px;}
 .nex_midd ul li:hover .content .tit{ color: var(--redColor);}
 .nex_midd .newsSwiper{ padding-bottom:20px}
 .part_2{background-color: var(--redColor); color: #fff; display: flex; align-items: stretch;}
 .part_2 .pic{ width: 31.5%;}
 .part_2 .pic img{ width: 100%; height: 100%;object-fit: cover;
	object-position: top right;}
 .part_2 .box{ flex:1; overflow: hidden; padding:45px 7.9% 35px 5.5%;}
 .part_2 .box .desc{ text-indent: 2em; line-height: 2; margin-bottom: 15px; font-size:16px}
 .part_2 .box .list .more{ color: #fff;}
 .part_2 .box .list ul li{ margin-right: 34px;}
 .part_2 .box .list ul li .circle{ width: 83.5px; height: 83.5px; display: flex; flex-direction: column; justify-content: center; color:var(--redColor);background-color: #fff; text-align: center; border-radius: 50%; font-size: 14px;}
 .part_2 .box .list ul li .circle .num{ display: flex; justify-content: center; align-items: flex-end; line-height: 1;margin-bottom: 5px;}
 .part_2 .box .list ul li .circle .num span{ font-size: 32px; font-weight: bold;}

.main{ padding:0px; overflow: hidden;}
.border_2{ background-color: #fff; padding: 20px;}
.main_bt{ margin-bottom: 20px;}
.main_bt .tpleft{font-size: 20px; color: var(--redColor); font-weight: 600; position: relative; padding-left: 15px; line-height: 1;}
.main_bt .tpleft:before{content: ""; width: 5px; height: 100%; border-radius: 10px; background-color: var(--redColor); position: absolute; left: 0px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.main_bt a:hover{ color: var(--redColor);}
.part_3{ padding: 30px 0px;}
.news_l ul{ padding:0px;}
.news_l ul li{ width:100%; display:block;line-height:3;display: flex;
    align-items: center;
    justify-content: space-between; border-bottom: 1px #d0cfcf dashed; font-size:16px}
.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; color: #3d3d3d;}
.news_l ul li .date{ float:right; white-space:nowrap; color: #999; margin-right: 5px;}
.news_l ul li a:hover{ color:var(--redColor);}
.build_m{ display: flex; align-items: stretch; justify-content: space-between;}
.build_m .newbox3{ width: 49%;}
.part_4{ margin-bottom: 30px;}
.links ul{ width: 100%;display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px 30px;
align-items: stretch;}
.links ul li { }
.links ul li a{ background-image: url(/kjxy/xb2025/images/icon_banner01.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;  display: flex; align-items: center;position: relative; padding-top: 20.7%;}
.links ul li img{ height: 30px; width: auto;}
.links ul li .txt{ color: #fff; font-size:22px; flex:1; margin-left: 30px;}
.links ul li a .icon{ width: 34%; text-align: center; display: inline-block;}
.links ul li a .box{ width: 100%; left: 0px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); position: absolute;}

/*底部*/
.footer{ width:100%; background-color:var(--redColor); color:#fff;}
.footer .catenate{ background-color: var(--publicColor); padding: 12px 0px; }
.footer .catenate a{ margin-right: 20px;}
.footer .catenate .container{display: flex; align-items: center; justify-content: center;}
.footer a{ color: #fff;}
.footer .copyright{ text-align: center; padding: 20px 0px;}

.index_bt2{border-bottom: 1px #eee solid; color: var(--redColor); line-height: 2;  margin-bottom: 25px;}
.index_bt2 .title{ font-size: 22px;}
/*列表*/
.new_list{display: flex;
   align-items:flex-start; 
    justify-content: space-between; padding: 40px 0px;}
.new_list .new_left{ width:25%; float:left; background:#fff; border-radius: 4px; overflow: hidden; line-height: 51px;}
.new_list .new_left .title{width: 100%;
    background-color: var(--redColor);
    text-align: center; font-weight: bold; font-size:18px;
    color: #fff; }
	.new_list .new_left ul li{ border-bottom: 1px #eee solid;}
.new_list .new_left ul li a{  display:block;  text-align:center; font-size:16px}
.new_list .new_left ul li a:hover,.new_list .new_left ul li.active a{ background: var(--publicColor); color: #fff; }
.new_list .new_right{ float:left; flex:1; overflow:hidden; margin-left:3%; border-radius: 5px; padding: 20px 25px;}
.new_list .new_right .index_bt{ display: flex; margin-bottom: 15px;}
.new_list .new_right .index_bt .title{ font-size:20px; letter-spacing:0px; padding-bottom: 10px;}
.local{ color: #999;}
.local a{ color: #999;}

.news_11 ul{ padding:0px;}
.news_11 ul li{ width:100%; display:block;line-height:3;display: flex;
    align-items: center;
    justify-content: space-between; border-bottom: 1px #d0cfcf dashed; padding-left: 15px; position: relative;}
.news_11 ul li:before{ content: ""; position: absolute; left: 3px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); width: 4px; height: 4px; background-color: #c9c9c9;}
.news_11 ul li a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-right:10px; float:left; flex:1; color: #3d3d3d;}
.news_11 ul li .date{ float:right; white-space:nowrap; color: #999; margin-right: 5px;}
.news_11 ul li a:hover{ color:var(--redColor);}

/*翻页*/
.fany{display:flex;align-items: center; justify-content: center; margin-top:40px;text-transform: uppercase;
 }
/*分页*/
.divid-a {
    display: flex;
    align-items: center;
    justify-content: center;
flex-wrap: wrap; font-size:14px;
}
.divid-a a {
    background: #fff;
    color: #1B1B1B; font-size:14px;
   min-width:35px;
    padding:0px 10px; height:29px;
    cursor:pointer; margin:5px 4px;
	display: flex;
    align-items: center;
    justify-content: center;
	border:1px #d9dee5 solid; border-radius:2px;
	
} 
.divid-a a.iconfont{ font-size:12px;}
.divid-a span{ margin:5px 10px;}
.divid-a .active ,.divid-a a:hover{
   color: #fff;
    background: var(--redColor);
	border:1px var(--redColor) solid;
}
.new_show { padding-top:25px; width:100%;}
.new_show .title {
	font-size:24px;
	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;
	
	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 {

	display: flex;
	align-items: center;
}

.fan_1 ul li a:hover {
	color:var(--redColor);
}