* {
	padding: 0;
	margin: 0;
	list-style: none;
}

img {
	border: 0;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.cleardiv {
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
	content: " ";
}

body {
	min-width: 1200px;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: none !important;
	color: inherit !important;
}

.fr {
	float: right;
}

.none {
	display: none;
}

.pubbox {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.more0 {
	display: block;
	width: 322px;
	height: 72px;
	margin: 0px auto 0;	
	box-sizing: border-box;	
	background: url("../img/morebg.png") no-repeat top center;
}

.more0:hover {
}

.drx01 {
	width: 100%;
	height: 240px;
	background: url("../img/xstx_01.jpg") no-repeat top center;
	background-size: auto 100%;
}

.drx02 {
	width: 100%;
	height: 400px;
	background: url("../img/xstx_02.jpg") no-repeat top center;
	background-size: auto 100%;
}

.drx03 {
	width: 100%;
	height: 300px;
	background: url("../img/xstx_03.jpg") no-repeat center top;
	background-size: auto 100%;
}

.drx04 {
	width: 100%;
	height: 300px;
	background: url("../img/xstx_04.jpg") no-repeat center top;
	background-size: auto 100%;
}

.pubbox01 {
	position: relative;
	width: 1300px;
	margin: 0 auto;
	padding: 130px 0 0 0;
	
}
.jtbox01{
	position: absolute;
	right: 45px;
	top: 77px;
	display: flex;
	flex-direction: row;
}
.Ljt01{
	width: 64px;
	height: 55px;
	margin: 0 5px 0 0;
	background: url("../img/Ljt01.png") no-repeat center top;
}
.Ljt01:hover{
	cursor: pointer;
	background: url("../img/Ljt001.png") no-repeat center top;
}
.Rjt01{
	width: 64px;
	height: 55px;
	background: url("../img/Rjt01.png") no-repeat center top;
}
.Rjt01:hover{
	cursor: pointer;
	background: url("../img/Rjt001.png") no-repeat center top;
}
.jtbox02{
	position: absolute;
	right: 45px;
	    top: 133px;
	display: flex;
	flex-direction: row;
}
.Ljt02{
	width: 64px;
	height: 55px;
	margin: 0 5px 0 0;
	background: url("../img/Ljt01.png") no-repeat center top;
}
.Ljt02:hover{
	cursor: pointer;
	background: url("../img/Ljt001.png") no-repeat center top;
}
.Rjt02{
	width: 64px;
	height: 55px;
	background: url("../img/Rjt01.png") no-repeat center top;
}
.Rjt02:hover{
	cursor: pointer;
	background: url("../img/Rjt001.png") no-repeat center top;
}

.lbbox {
	display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    width: 100%;
	    height: 440px;
	    margin: 0 auto;
	    padding: 80px 12% 0;
	    background: url(../img/dfzzbg.png) no-repeat center top;
	    box-sizing: border-box;
	
}
.lbul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 1220px;
	margin: 0 auto;
	padding: 80px 0 0 0;
	
}
.lbul li{
	position: relative;
	width: 290px;
	height: 250px;
	margin: 0 7px 70px;
	box-sizing: border-box;
}
.lbul li .liconbox{
	width: 290px;
	height: 250px;	
	padding: 20px 18px;
	background: #fffefc;
	box-sizing: border-box;
}
.lbul li .liconbox  img{
	width: 255px;
	height: 145px;	
	border-radius: 5px;	
}
.lbul li .liconbox  h2{
	padding: 28px 0 0 0;
	color: #333;
	font: bold 18px/22px "黑体";	
}


.lbul li:hover .liconbox{
	position: absolute;
	top: -45px;
	left: -35px;
	width: 365px;
	height: 315px;	
	padding: 25px 25px;
	background: #fffefc;
	box-sizing: border-box;
	box-shadow: 10px 12px 12px -12px rgba(0,0,0,0.6);
	z-index: 9999;
}
.lbul li:hover .liconbox img{
	width: 320px;
	height: 180px;		
}
.lbul li:hover .liconbox  h2{
	color: #e64747;
	font: bold 24px/26px "黑体";	
}
.lbul02{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 1160px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	
}
.lbul02 li {
	position: relative;
	width: 365px;
	height: 315px; 
	margin: 0 10px 20px;
	
}
.lbul02 li .liconbox{
	width: 365px;
	height: 315px;	
	padding: 25px 25px;
	background: #fffefc;
	box-sizing: border-box;
	box-shadow: #333;
	border-radius: 5px;
}
.jiazi{
	display: none;
	position: absolute;
	top: -45px;
	left: 30px;
	width: 44px;
	height: 64px;
	background: url("../img/liconbg02.png") no-repeat center top;
	
}
.lbul02 li:nth-of-type(1) .jiazi,
.lbul02 li:nth-of-type(2) .jiazi,
.lbul02 li:nth-of-type(3) .jiazi{
	display: block;
} 


.lbul02 li .liconbox img{
	width: 320px;
	height: 180px;		
	border-radius: 5px;
}
.lbul02 li .liconbox  h2{
	padding: 28px 0 0 0;
	color: #333;
	font: bold 24px/26px "黑体";	
}
.lbul02 li .liconbox  h2 a:hover{
	color: #e64747 !important;	
}


.leftimg{
	width: 480px;
	height: 300px;
}
.leftimg img{
	width: 480px;
	height: 300px;
	border-radius: 20px;
}
.Rtext{
	flex: 1;
	padding: 0 0 0 60px;
	box-sizing: border-box;
	
}
.Rtext h2 {
	color: #333;
	font: bold 30px / 32px "微软雅黑";
	text-align: justify;
	padding: 24px 0 0 0;
	
}

.Rtext p {
	width: 100%;
	margin: 0 auto;
	color: #a57e45;
	font: 22px / 30px "微软雅黑";
	text-indent: 1em;
	text-align: justify;
	padding: 24px 0 0 0;
}

.drx05 {
	width: 100%;
	height: 970px;
	background: url("../img/xstx_05.jpg") no-repeat center top;
	background-size: auto 100%;
}

.drx06 {
	width: 100%;
	height: 810px;
	background: url("../img/xstx_06.jpg") no-repeat center top;
	background-size: auto 100%;
}
.pubbox06 {
	position: relative;
	width: 1300px;
	margin: 0 auto;
	padding: 270px 0 0 0;
	
}
.ulbox06{
	width: 1190px;
	margin: 0 auto;
	display: flex;
		flex-direction: row;
}

.ttconbox{
	position: relative;
	width: 510px;
	height: 390px;
	border-radius: 0 0 10px 10px;
}
.ttconbox h2{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 0 0 10px 10px;
	text-align: center;
}
.ttconbox h2{
	color: #FFF;
	font: 28px/60px "微软雅黑";
}
.ttconbox h2:hover{
	background: rgba(228, 81, 82, 0.8);	
}
.ttconbox h2:hover{
	color: #FFF !important;	
	font: bold 28px/60px "微软雅黑";
}
.ttconbox img{
	width: 510px;
	height: 390px;
	border-radius: 10px;
}
.ul06{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;	
}
.ul06 li{
	position: relative;
	width: 320px;
	height: 180px;
	margin: 0 0 28px 18px;
}
.ul06 li h2{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 0 0 10px 10px;
	text-align: center;
	color: #FFF;
	font: 16px/50px "微软雅黑";
}

.ul06 li h2:hover{
	color: #FFF;
	background: rgba(228, 81, 82, 0.8);	
	font: bold 16px/50px "微软雅黑";
}
.ul06 li img{
	width: 320px;
	height: 180px;
	border-radius: 10px;
}

.drx07 {
	width: 100%;
	height: 1065px;
	background: url("../img/xstx_07.jpg") no-repeat center top;
	background-size: auto 100%;
}
.pubbox07 {
	width: 1200px;
	margin: 0 auto;
	padding: 200px 0 0 0;
	
}
.ul07{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.ul07 li{
	position: relative;
	width: 280px;
	height: 250px;
	margin: 0 26px 80px 0;
	box-sizing: border-box;
}
.ul07 li:nth-of-type(4),.ul07 li:nth-of-type(8){
	margin: 0 0 0 0;
}
.ul07 li .licon{
	
	width: 100%;
	
}
.ul07 li .licon img{
	display: block;
	width: 270px;
	height: 150px;
	margin: 0 auto;
	border: 5px solid #FFF;
	border-radius: 5px;
}
.ul07 li .licon h2{
	width: 100%;
	height: 50px;
	padding: 20px 10px 0;
	text-align: left;
	color: #333;
	font: bold 18px/25px "黑体";
}

.ul07 li:hover .licon{
	position: absolute;
	top: -23px;
	left: -20px;
	width: 112%;
	height: 108%;
	padding: 20px 0 0 0;
	background: #e64747;
	border: 3px solid #FFF;
	border-radius: 20px;
}
.ul07 li:hover .licon h2{
	padding: 20px 20px 0;
	color: #FFF;
}