﻿body>.head{
	width: 100%;
	min-width: 1200px;
	position: relative;}

table a:hover,ul a:hover{
	color: rgb(152, 30, 35) !important;}

.head img{
	max-width: 100%;
	height: 886px;
	object-fit: cover;}

.head .title{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 41px;}

.head .title a{
	color: #981e23;}

.head .title h1{
	font-size: 42px;
	font-family: "Microsoft YaHei";
	color: rgb(152, 30, 35);
	font-weight: bold;
	text-align: center;
	width: 1200px;
	margin: 0 auto;}

.body{
	display: flex;
	width: 1200px;
	margin: -6px auto 0;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;}

.body .con{
	width: 580px;}

.body .con1{
	height: 360px;}

.body .con1 a{
	height: 360px;
	display: block;}

.body .con1 a img{
	width: 100%;
	height: 360px;}

.sw1 .swiper-slide img {
	width: 100%;
	height: 395px;}
.sw1 .swiper-slide p {
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	padding: 0 100px  0 10px;
	position: absolute;
	bottom:0;
	color: #fff;
	font-size: 20px;
	background: linear-gradient(to bottom,rgba(0,0,0,0.05),rgba(0,0,0,0.6));
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.sw1.swiper-container-horizontal>.swiper-pagination-bullets {
	width: auto;
	left: auto;
	right: 10px;
	bottom: 15px;}
.sw1 .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255,255,255,0.9);}
.sw1 .swiper-pagination-bullet-active {
	background: #fff;}

.con2 .text {
	float: right;
	display: inline;
	margin: 0px 10px 0px 0px;
	width: 571px;
	overflow: hidden;}

.con2 .text table {
	height: 352px;
	margin-top: -1px;}

.con2 .text table td {
	font-size: 24px;
	line-height: 28px;}

.con2 .text table td a{

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

	color: #000000;
	line-height: 34px;}

.con2 .text table td a:hover {
	text-decoration: none;}

.con2 .text table td .more{
	font-size:16px;
	width:40px;
	color:#981e23;
	display: inline;}

.con .head{
	width: 95%;
	display: flex;
	background-color: #ffcf7c;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: space-between;
	padding: 10px 2.5%;}

.con .head h1{
	font-size: 20px;
	font-family: "Microsoft YaHei";
	color: rgb(152, 30, 35);
	font-weight: bold;}

.con .head .more{
	font-size: 16px;
	font-family: "Microsoft YaHei";
	color: rgb(152, 30, 35);
	display: block;}

.con3{
	margin-top: 40px;}

.con ul{
	width: 100%;
	height: 200px;
	padding-top: 16px;}

.con ul li a{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;

	font-size: 20px;
	font-family: "Microsoft YaHei";
	color: rgb(0, 0, 0);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 97.5%;
	display: block;
	line-height: 46px;
	padding-left: 2.5%;}


.con3 ul{
	background: url(../image/zt/ul01.jpg) right bottom no-repeat;}

.con4 ul{
	background: url(../image/zt/ul02.jpg) right bottom no-repeat;}

.con5 ul{
	background: url(../image/zt/ul03.jpg) right bottom no-repeat;}

.con6 ul{
	background: url(../image/zt/ul04.jpg) right bottom no-repeat;}

.con4 .head,.con5 .head{
	background-color: #97020e;}

.con4 .head h1,.con5 .head h1,.con4 .head a.more,.con5 .head a.more{
	color: #ffcf7c;}

#footer{
	background:url(../image/zt/foot.jpg);
	height: 105px;
	text-align:center;
	padding: 167px 0px 0px;
	margin-top: 40px;}

#footer a img{
	margin-right: 5px;}

#footer .logo{
	display:inline-block;
	vertical-align:top;}

#footer .text{
	display:inline-block;
	vertical-align:top;
	color:#fff;
	line-height: 22px;
	text-align:left;
	margin-left: -5px;
	margin-top: 4px;}

#footer .text a{
	color:#fff;}