
.clear{clear: both;}
.ztparta{position: relative;}
.ztparta a{position: absolute; left: 50%;  width: 200px; height: 100px; display: block;}
.ztpart1 a{top: 313px; margin-left: 312px;}
.ztpart3 a{top: 180px; margin-left: 339px;}
.ztpart4 a{top: 185px; margin-left: 365px;}
.ztpart5 a{top: 178px; margin-left: 365px;}


.ztbanner{ width: 100%; max-width: 1920px; margin: 0 auto; height: 600px; background: url(01.jpg) center center no-repeat; position: relative; }
.ztpart1{ width: 100%; max-width: 1920px; margin: 0 auto; height: 438px; background: url(02.jpg) center center no-repeat; position: relative; }
.ztpart2{ width: 100%; max-width: 1920px; margin: 0 auto; height: 478px; background: url(03.jpg) center center no-repeat; position: relative; }
.ztpart2 ul{width: 1200px; margin: 0 auto;}
.ztpart2 ul li{float: left; width: 360px; height: 310px; margin: 10px 19px; overflow: hidden; position: relative;}
.ztpart2 ul li:nth-of-type(3){margin-right: 0;}
.ztpart2 ul li dl dt{ 
	line-height: 60px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #cd0122;
 }
.ztpart2 ul li dl dd{position: absolute; left: 360px; transition: 0.3s; background-color: rgb(0 0 0 / 50%);color: #fff;font-size: 28px;width: 360px;height: 250px;padding: 30px;box-sizing: border-box;line-height: 50px;text-align: justify;}
.ztpart2 ul li:hover dd{ left: 0; top: 0;}

.ztpart3{ width: 100%; max-width: 1920px; margin: 0 auto; height: 788px; background: url(04.jpg) center center no-repeat; position: relative; }
.ztpart4{ width: 100%; max-width: 1920px; margin: 0 auto; height: 452px; background: url(05.jpg) center center no-repeat; position: relative; }
.ztpart5{ width: 100%; max-width: 1920px; margin: 0 auto; height: 450px; background: url(06.jpg) center center no-repeat; position: relative; }
.ztpart6{ width: 100%; max-width: 1920px; margin: 0 auto; height: 1040px; background: url(07.jpg) center center no-repeat; position: relative; }
.ztpart6nei{width: 1180px;margin: 0 auto;padding-top: 150px;}
.ztpart6 a{display: inline-block;width: 43%;height: 350px;margin: 2% 3%;}


.ztpart7{ width: 100%; max-width: 1920px; margin: 0 auto; height: 518px; background: url(08.jpg) center center no-repeat; position: relative; }
.ztpart7 ul{width: 1200px;margin: 0 auto;padding-top: 150px;}
.ztpart7 ul li{float: left;width: 292px;height: 262px;margin: 10px 4px;overflow: hidden;position: relative;}
.ztpart7 ul li:nth-of-type(4){margin-right: 0;}
.ztpart7 ul li dl dt{
	line-height: 60px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #f3d364;
	position: absolute;
	left: 0;
	top: 40%;
	width: 100%;
	}
.ztpart7 ul li dl dd{position: absolute;width: 0;height: 0;top: 131px;left: 130px;transition: 0.3s;background: url(2bg.png) center center no-repeat;color: #cd0122;font-size: 20px;box-sizing: border-box;line-height: 30px;text-align: justify;opacity: 0;}
.ztpart7 ul li:hover dd{left: 0;top: 0;width: 292px;height: 262px;padding: 50px 30px;opacity: 1;}

.ztpart8{ width: 100%; max-width: 1920px; margin: 0 auto; height: 292px; background: url(09.jpg) center center no-repeat; position: relative; }
.ztpart8nei{width: 1180px;margin: 0 auto;padding-top: 50px;}
.ztpart8 a{display: inline-block;width: 43%;height: 100px;margin: 2% 3%;}