/**************通用式样******************/
*{
	margin:0px;
	padding:0px;
}
body{
	font: 14px/1.5 "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.logo{
	margin-top:0.375rem;
}
ul li{
	list-style:none;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.clear:after{
	 clear: both;
     content: "";
     display: block;
     width: 0;
     height: 0;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
html,body{
	min-height: 100%;
	min-width: 100%;
}
.detail-btn{
	cursor: pointer;
}
.more-btn{
	cursor: pointer;
}
/******************/
.body{
	width: 100%;
}
.scroll-con{
	position: relative;
}
.carousel{
	
}
.carousel-inner{
	height:100%;
}
.carousel-indicators{
	margin-bottom:0px;
	bottom:0px;
}
.carousel-indicators li{
	width:250px;
	height:80px;
	border:none;
	margin-left:20px;
}
.carousel-indicators li>a{
	display:block;
	height:100%;
	width:100%;
}
.carousel-indicators li>a>img{
	display:block;
	height:100%;
	width:100%;
}
.carousel-indicators li.active{
	width:260px;
	height:90px;
}
.detail-con{
	position: absolute;
	left:0px;
	bottom:150px;
	right: 0px;
	width: 130px;
	margin: 0px auto;
	z-index: 9;
}
.detail-con>.detail-btn{
	height: 40px;
	width: 130px;
	color: #F5F5F5;
	font-size: 12px;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	background-color: #990913;
}
.scroll-nav-con{
	position: absolute;
	left:0px;
	right: 0px;
	margin: 0px auto;
	height: 71px;
	bottom: 0px;
	width: 512px;
	text-align: right;
	overflow: hidden;
	z-index: 9;
}
/************************/
.middle{
	width: 100%;
	margin-top: 59px;
}
.middle-con{
	width: 1200px;
	margin: auto;
	display: flex;
}
.middle-left{
	width: 389px;
	height: 262px;
	margin-right: 28px;
}

.middle-right{
	flex: 1;
	height: 262px;
	width:783px;
}
.right-con>.left{
	width: 324px;
	height: 200px;
}
.floor1-con-middle {
	width:100%;
	height: 100%;
}
.floor1-con-middle-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.floor1-con-middle-scroll-img {
	height: 100%;
	width: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
}
.floor1-con-middle-scroll-img>.swiper-container{
	height: 100%;
	width:100%;
	position:relative;
}
.floor1-con-middle-scroll-img>.swiper-container>.swiper-wrapper>.swiper-slide>img {
	width: 324px;
	height: 200px;
}
.swiper-button-prev{
	position: absolute;
	left: 0px;
	height: 30px;
	width: 30px;
	background-color: rgba(51, 51, 51, 0.4);
	background-image: url(/template/1/xhz/_files/img/left-btn.png);
	z-index: 20;
	top: 50%;
	margin-top: -15px;
	display:none;
}
.swiper-button-prev::after{
	content:"";
}
.swiper-button-next{
	position: absolute;
	right: 0px;
	height: 30px;
	width: 30px;
	background-color: rgba(51, 51, 51, 0.4);
	background-image: url(/template/1/xhz/_files/img/right-btn.png);
	z-index: 20;
	top: 50%;
	margin-top: -15px;
	display:none;
}
.swiper-button-next::after{
	content:"";
}
.floor1-con-middle-scroll-img>.swiper-container:hover .swiper-button-prev{
	display:block;
}
.floor1-con-middle-scroll-img>.swiper-container:hover .swiper-button-next{
	display:block;
}
.tab{
	height: 42px;
	border-bottom: 2px solid #999999;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.tab-con{
	height: 40px;
	display: flex;
}
.circle{
	height: 12px;
	width: 12px;
	border:2px solid #990913;
	border-radius: 50%;
	box-sizing: border-box;
	margin-top:14px;
}
.tab-title{
	line-height: 40px;
	color: #990913;
	padding: 0px 10px;
	font-size: 18px;
	font-weight: bold;
}
.tab-con>.border{
	height: 14px;
	width: 1px;
	margin-top: 13px;
	background-color: #888888;
}
.tab-remark{
	flex: 1;
	line-height: 40px;
	color: #999999;
	padding: 0px 10px;
	font-size: 14px;
}
.more-btn{
	line-height: 40px;
	font-size: 12px;
	color: #666666;
}
.more-btn>a{
	line-height: 40px;
	font-size: 12px;
	color: #666666;
}
.more-btn>a:hover{
	color:#990913;
}
.middle-left>.list>ul>li{
	height: 40px;
	border-bottom: 1px dotted #CCCCCC;
	box-sizing: border-box;
}
.middle-left>.list>ul>li>a{
	display: block;
	width: 100%;
	height: 39px;
	display: flex;
}
.middle-left>.list>ul>li>a:hover{
	cursor: pointer;
}
.middle-left>.list>ul>li>a:hover .txt{
	color:#990913;
}
.middle-left>.list>ul>li>a>.num{
	line-height: 39px;
	font-size: 18px;
	font-weight: bold;
	color: #444444;
}
.middle-left>.list>ul>li>a>.txt{
	line-height: 39px;
	font-size: 14px;
	color: #666666;
	display: flex;
}
.middle-left>.list>ul>li>a>.time{
	line-height: 39px;
	font-size: 12px;
	color: #999999;
	flex: 1;
	text-align: right;
}
.middle-right>.right-con{
	display: flex;
}
.middle-right>.right-con>.right{
	margin-left: 40px;
	width:419px;
}
.middle-right>.right-con>.right>.title{
	font-size: 24px;
	font-weight: bold;
	color: #990913;
	line-height: 40px;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.middle-right>.right-con>.right>.con{
	margin-bottom: 40px;
	width:100%;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
	
}
.middle-right>.right-con>.right>.detail-btn{
	border: 1px solid #8e8e8e;
	height: 40px;
	width: 160px;
	box-sizing: border-box;
	border-radius: 4px;
	text-align: center;
	line-height: 38px;
}
.middle-right>.right-con>.right>.detail-btn>a{
	color: #666666;
	font-size: 12px;
}
.middle-right>.right-con>.right>.detail-btn:hover{
	color:#ffffff;
	background:#666666;
}
.middle-right>.right-con>.right>.detail-btn:hover>a{
	color:#ffffff;
}
.news-btn{
	height: 20px;
	width: 35px;
	background-color: #D70C19;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #F5F5F5;
	margin-top: 10px;
	border-radius: 3px;
	margin-left: 10px;
}
/*********************/
.block{
	width: 100%;
	margin-top: 59px;
}
.block-con{
	width: 1200px;
	margin: 0px auto;
}
.list-con{
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 440px;
}
.block-list{
	width: 5000%;
	display: flex;
	position: absolute;
	left:0px;
	height: 100%;
}
.left-btn{
	position: absolute;
	top:50%;
	left: 10px;
	margin-top: -20px;
	height: 40px;
	width: 40px;
	background: url(/template/1/xhz/_files/img/left1.png) no-repeat;
	background-size:100%  100%;
	z-index: 10;
	display: none;
}
.right-btn{
	display: none;
	position: absolute;
	top:50%;
	right: 10px;
	margin-top: -20px;
	height: 40px;
	width: 40px;
	background: url(/template/1/xhz/_files/img/right1.png) no-repeat;
	background-size:100%  100%;
	z-index: 10;
}
.list-con:hover  .left-btn{
	 display: block;
 }
.list-con:hover  .right-btn{
	display: block;
}
.block-list>.block-list-con{
	width: 290px;
	height: 440px;
	margin:0px 5px;
	position: relative;
}
.block-list>.block-list-con>.pictuer{
	width: 283px;
	height: 373px;
}
.block-list>.block-list-con>.pictuer>.img{
	height: 100%;
	width: 100%;
}
.block-list>.block-list-con>.con{
	position: absolute;
	bottom:0px;
	background-color: #FFFFFF;
	width:100%;
}
.block-list>.block-list-con:hover>.con{
	position: absolute;
	bottom:5px;
	width: 283px;
	height: 199px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 10px rgba(9,39,105,0.2);
}
.block-list>.block-list-con>.con>.title{
	display: flex;
}
.block-list>.block-list-con>.con>.title>.title-con{
	flex: 1;
	font-size: 16px;
	color: #141414;
	line-height: 24px;
	padding-right: 30px;
	max-width: 283px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	box-sizing:border-box;
}
.block-list>.block-list-con>.con>.title>.title-con>a{
	font-size: 16px;
	color: #141414;
}
.block-list>.block-list-con>.con>.title>.title-con>a:hover{
	color:#d70c19;
}
.block-list>.block-list-con:hover .con>.title>.title-con{
	flex: 1;
	white-space: normal;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.block-list>.block-list-con>.con>.title>.title-btn{
	display: none;
}
.block-list>.block-list-con>.con>.title>.title-btn>a{
	display:block;
	text-align:center;
}
.title-btn-con{
	font-size: 14px;
	color: #D70C19;
}
.block-list>.block-list-con:hover .con>.title>.title-btn{
	display: block;
	text-align:center;
}
.block-list>.block-list-con>.con>.title>.title-btn>.img{
	height: 20px;
	width: 20px;
}
.block-list>.block-list-con>.con>.title>.title-btn>.title-btn-con{
	font-size: 12px;
	line-height: 14px;
	color: #D70C19;
}
.block-list>.block-list-con:hover .con>.sub-title{
	height: 50px;
	display: flex;
}
.block-list>.block-list-con>.con>.sub-title>.picture{
	height: 16px;
	width: 10px;
	margin-right: 10px;
	margin-top: 12px;
	display: none;
}
.block-list>.block-list-con:hover .con>.sub-title>.picture{
	display: block;
}
.block-list>.block-list-con>.con>.sub-title>.picture>.img{
	height: 100%;
	width: 100%;
}
.block-list>.block-list-con>.con>.sub-title>.sub-title-con{
	height: 20px;
	margin-top: 9px;
	font-size: 14px;
	color: #999999;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
}

.block-list>.block-list-con:hvoer .con>.sub-title>.sub-title-con{
	font-size: 14px;
	color: #666666;
	line-height: 50px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:calc(100% - 20px);
}
.block-list>.block-list-con>.con>.txt{
	font-size: 14px;
	line-height: 21px;
	color: #999999;
	display: none;

}
.block-list>.block-list-con:hover .con>.txt{
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
/********************************/
.notice{
	width: 100%;
	margin-top: 59px;
}
.notice-con{
	width: 1200px;
	margin: 0px auto;
}
.notice-block{
	display: flex;
	margin-bottom: 33px;
}
.notice-block>.left{
	width: 855px;
	margin-right: 59px;
}
.notice-block>.left>.list>ul:after{
	content:"";
	height:0px;
	width:0px;
	clear:both;
	display:block;
	overflow: hidden;
}
.notice-block>.left>.list>ul{
	padding-top: 7px;
}
.notice-block>.left>.list>ul>li{
	float: left;
	width: 412px;
	display: flex;
	margin-bottom: 27px;
	position: relative;
}
.notice-block>.left>.list>ul>li:nth-child(1),.notice-block>.left>.list>ul>li:nth-child(3),.notice-block>.left>.list>ul>li:nth-child(5){
	margin-right: 31px;
}
.notice-block>.left>.list>ul>li>.pictuer{
	width: 184px;
	height: 104px;
	margin-right: 18px;
}
.notice-block>.left>.list>ul>li>.pictuer>.img{
	width: 100%;
	height: 100%;
}
.notice-block>.left>.list>ul>li>.con{
	width:210px;
}
.notice-block>.left>.list>ul>li>.con>.time{
	height: 30px;
	line-height: 22px;
	width: 113px;
	font-size: 12px;
	color: #FFFFFF;
	background: url(/template/1/xhz/_files/img/Ex22.png) no-repeat;
	background-size: 100% auto;
	text-align: center;
}
.notice-block>.left>.list>ul>li>.con>.con{
	line-height: 24px;
	color: #333333;
	font-size: 16px;
	word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.notice-block>.left>.list>ul>li>.con>.con>a{
	display:block;
	line-height: 24px;
	color: #333333;
	font-size: 16px;
	word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.notice-block>.left>.list>ul>li>.con>.con>a:hover{
	color: #d70c19;
}
.notice-block>.left>.list>ul>li>.detail-btn{
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.notice-block>.left>.list>ul>li>.detail-btn>a{
	font-size: 12px;
	line-height: 24px;
	color: #D70C19;
}
.notice-block>.left>.list>ul>li>.detail-btn>a:hover{
	text-decoration:underline;
}
.tel{
	width: 286px;
	height: 110px;
	background-color: #004599;
	display: flex;
	margin-bottom: 18px;
}
.tel>.pictuer{
	width: 110px;
	height: 110px;
	background-color: #045ecc;
	text-align: center;
	line-height: 110px;
}
.tel>.pictuer>.img{
	vertical-align: middle;
}
.tel>.txt{
	flex: 1;
	padding: 20px 20px;
}
.tel>.txt>.title{
	font-size: 18px;
	color: #F5F5F5;
}
.tel>.txt>.phone{
	font-size: 14px;
	color: #cccccc;
}
.email{
	width: 286px;
	height: 110px;
	background-color: #cc7e00;
	display: flex;
	margin-bottom: 18px;
}
.email>.pictuer{
	width: 110px;
	height: 110px;
	background-color: #ee9c17;
	text-align: center;
	line-height: 110px;
}
.email>.pictuer>.img{
	vertical-align: middle;
}
.email>.txt{
	width: 176px;
	padding: 20px 20px;
	box-sizing: border-box;
}
.email>.txt>.title{
	font-size: 18px;
	color: #F5F5F5;
}
.email>.txt>.phone{
	font-size: 14px;
	color: #cccccc;
	word-wrap:break-word;
}
.mark{
	height: 180px;
	width: 286px;
	background: url(/template/1/xhz/_files/img/Ex15.png);
	background-size: 100% 100%;
	display: flex;
}
.mark>.title{
	width: 110px;
	height: 180px;
}
.mark>.pictuer{
	height: 180px;
	width: 176px;
	background-color: #8fcc00;
	text-align: center;
	line-height: 180px;
}
.mark>.pictuer>.img{
	vertical-align: middle;
}<!--0.00018596649169922-->