* {
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
}

strong,
p,
span,
font,
figcaption,
table tr td,
h1,
h2,
b {
	font-style: normal;
}

h1,
h2 {
	font-weight: bold;
}

ul,
ol {
	list-style: none;
}

a {
	text-decoration: none;
}

strong,
b {
	font-weight: bold;
}
.w100{
	width: 100%;
}
.w{
	width: 1200px;
}
.cen-ter{
	margin: 0% auto;
}
.height-h{
	height: auto;
	display: table;
}
.clear{
	float: unset;
}
.le-sp{
	letter-spacing: 2px;
}

.banner-h{
	width: 100%;
	background: url(/newcpzt/images/imageszt876/banner_bg_02.jpg) no-repeat;
	background-size: 100% 100%;
	padding-bottom:1%;
}
.banner-b{
	width: 1260px;
}
.banner-b figure{
	width:45%;
	margin-top: 2%;
	float: right;
}
.banner-b figure img{
	width: 100%;
	display: block;
}
.banner-b .banner-fl{
	position: relative;
	width: 55%;
    margin-right: -2%;
	margin-top:7%;
	padding:3%;
	float: left;
	box-sizing: border-box;
	background: linear-gradient(to right,#ffffffc8 70%,#ffffffbb,#ffffff0d);
}
.banner-fl span{
	display: inline-block;
	width:60px;
	height: 6px;
	margin-right: 1%;
	border-radius: 3px;
	background-color: #d50003;
}
.banner-fl span:nth-of-type(2){
	background-color: #428afa;
}
.banner-fl p{
	width: 78%;
    font-size:36px;
    line-height: 40px;
    font-style: unset;
    border-radius: 50px;
	margin: 3% 0% 1%;
    color: #010101;
    padding: 8px 0px;
	text-align: center;
	border: 1px solid #010101;
}
.banner-fl h1{
	font-size:110px;
    line-height:120px;
	letter-spacing:6px;
	display: block;
	font-weight: bold;
	background-image: -webkit-linear-gradient(top ,#292929 52%,#000000 48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner-fl font{
	display: inline-block;
	font-size: 36px;
	line-height: 40px;
	padding: 6px 30px 8px;
	margin: 3% auto 5%;
	color: #ffffff;
	border-radius: 30px;
    background: linear-gradient(to bottom,#4591fe,#243ec6);
}
.banner-fl ol{
	width: 100%;
	height: auto;
	display: table;
	margin-bottom: 3%;
}
.banner-fl ol li{
	width: 20%;
	float: left;
	margin-right: 5%;
	text-align: center;
}
.banner-fl ol li figure{
	width: 100%;
}
.banner-fl ol li figure img{
	width: 100%;
	display: block;
	border-radius: 10px;
	border: 1px solid #000000;
}
.banner-fl ol li figure figcaption{
	font-size: 26px;
    line-height: 40px;
	margin-top: 5%;
	color: #000000;
}


.title-h{
	margin: 3% auto;
	text-align: center;
}
.title-h font{
	display: block;
	font-size: 30px;
	color: #000000;
	line-height: 40px;
	text-transform: uppercase;
}
.title-h h2{
	font-size:74px;
	color: #000000;
	line-height: 80px;
	font-weight: bold;
	letter-spacing: 6px;
}
.title-h h2 em{
	font-style: normal;
	color: #fe0100;
}
.title-h span{
	display: block;
	position: relative;
	width: 38%;
	height: 1px;
	border: none;
	margin: 2% auto 0%;
	background-color: #999999;
}
.title-h span::after{
	position: absolute;
	left: calc(50% - 50px);
	top: -5px;
	content: "";
	width: 100px;
	height: 10px;
	background-color: #fe0100;
}
.broble-h{
	margin:0% auto 2%;
	text-align: center;
	letter-spacing: 2px;
}
.broble-h ul{
	margin-top: 1%;
}
.broble-h ul li{
	width: 18.37%;
	float: left;
	text-align: center;
	margin-right:2%;
	padding-bottom:3%;
	margin-bottom: 3%;
	border-radius: 10px;
	background-color: #f3f3f3;
}
.broble-h ul li:nth-of-type(5){
	margin-right: 0%;
}
.broble-h ul li figure{
	width:100%;
	margin: 4% auto;
}
.broble-h ul li figure img{
	width: 100%;
	display: block;
}
.broble-h ul li b{
	color: #000;
	display: block;
	font-size: 32px;
	line-height: 40px;
	font-weight:400;
	letter-spacing: 4px;
	margin:10% auto 0%;
}
.broble-h ul li font{
	display: block;
	font-size: 14px;
	line-height:30px;
	color: #000000;
	letter-spacing: 0px;
	text-transform: uppercase;
}
.introdu-h{
	box-shadow: 0px 0px 8px 1px #9999995d;
	background-color: #ffffff;
}
.introdu-fl{
	width: 50%;
	float: left;
	padding:6% 3% 0%;
	box-sizing: border-box;
}
.introdu-h figure{
	position: relative;
	width: 50%;
	float: right;
}
.multiple-h figure img,
.introdu-h figure img{
	width: 100%;
	display: block;
}
.introdu-h figure figcaption{
	position: absolute;
	top: 8%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #ffffffd6;
	font-style: italic;
	text-transform: uppercase;
}
.introdu-fl span{
	font-size: 32px;
	line-height: 40px;
	padding: 4px 50px;
	color: #ffffff;
}
.introdu-fl span:nth-of-type(1){
	background: url(/newcpzt/images/imageszt876/icon1_06.png) no-repeat;
	background-size: 100% 100%;
}
.introdu-fl span:nth-of-type(2){
	background: url(/newcpzt/images/imageszt876/icon2_06.png) no-repeat;
	background-size: 100% 100%;
}
.introdu-fl h2{
	font-size: 46px;
	line-height: 60px;
	font-weight: bold;
	color: #000000;
	margin-top: 8%;
}
.introdu-fl p{
	font-size: 30px;
	line-height: 50px;
	color: #000000;
}
.introdu-fl p:nth-of-type(1){
	color: #fe0100;
	font-weight:600;
	margin: 4% auto;
}

.table-h table{
	width: 100%;
	margin-top:6%;
	border-collapse: collapse;
}
.table-h table tr td{
	font-size:34px;
    line-height:50px;
    text-align: left;
    color: #000;
	letter-spacing: 2px;
    padding: 6px  0px 6px 20px;
	border-bottom: 6px solid #fff;
}
.table-h table tr:nth-of-type(odd) td{
	background-color: #fe0000;
	color: #ffffff;
}
.table-h table tr:nth-of-type(even) td{
	background-color: #efefef;
}
.table-h p{
	font-size: 24px;
	line-height: 50px;
	color: #000000;
	width: 70%;
	margin: 2% auto;
	text-align: center;
}
.multiple-h{
	margin-bottom: 3%;
}
.multiple-h figure{
	width: 23%;
	float: left;
	margin: 0% 1%;
	transform:skewX(-5deg);
	 /* 确保变换后盒子仍占据原有空间 */
	 transform-origin: center center;
}
.multiple-h figure img{
	width: 100%;
	display: block;
	border: none;
}
.multiple-h figure figcaption{
	font-size: 32px;
	line-height: 50px;
	color: #ffffff;
	text-align: center;
	background-color: #ec0100;

}
.multiple-b{
	text-align: right;
	background: url(/newcpzt/images/imageszt876/multiple_bg_02.jpg) no-repeat;
	background-size: 100% 100%;
}
.multiple-c figure{
	width: 50%;
	float: left;
}
.multiple-c figure img{
	width: 100%;
	display: block;
}
.multiple-fr{
	width: 50%;
	float: right;
	margin-top: 6%;
	text-shadow: 2px 2px #ffffff, -2px -2px #ffffff,-2px 2px #ffffff, 2px -2px #ffffff,3px 3px #0000003d, -3px -3px #0000003d;
}
.multiple-fr strong{
	font-size:110px;
	line-height: 150px;
	color: #ec0303;
	font-weight: bold;
	font-style: italic;
}
.multiple-fr b{
	display: block;
	font-size:88px;
	line-height: 100px;
	color: #040301;
	font-style: italic;
}
.multiple-fr span{
	display: block;
	width: 50%;
	text-align: center;
	font-size: 32px;
	line-height: 40px;
	padding: 6px 0px;
	color: #ffffff;
	text-shadow: none;
	margin: 3% 0% 2% 50%;
	background: url(/newcpzt/images/imageszt876/multiple_icon1_03.png) no-repeat;
	background-size: 100% 100%;
}

.advanteges-h ul li{
	width: 100%;
	margin: 0% auto 3%;
	height: auto;
	display: table;
	box-sizing: border-box;
	border: 1px solid #ec0100;
}
.advanteges-h ul li:nth-of-type(even) .text,
.advanteges-h ul li:nth-of-type(odd) figure{
	float: left;
}
.advanteges-h ul li:nth-of-type(odd) .text,
.advanteges-h ul li:nth-of-type(even) figure{
	float: right;
}
.advanteges-h ul li figure{
	width: 55%;
}
.advanteges-h ul li figure img{
	width: 100%;
	display: block;
}
.text{
	width: 45%;
	padding: 4% 3% 0%;
	box-sizing: border-box;
}
.text b{
	display: inline-block;
	padding: 3%;
	font-size: 50px;
	line-height: 50px;
	font-weight: bold;
	color: #ffffff;
	background: url(/newcpzt/images/imageszt876/advanteges_icon_03.png) no-repeat;
	background-size: 100% 100%;
}
.text strong{
	display: block;
	font-size: 40px;
	line-height:60px;
	margin: 3% auto;
	color: #fe0100;
	font-weight: bold;
}
.text p{
	font-size: 24px;
	line-height:40px;
	color: #000;
	margin-bottom: 2%;
}
.text font{
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0px;
	color: #8f8f8f;
}