﻿*{margin: 0;padding: 0; text-decoration: unset!important; }
body{overflow-x: hidden;}
ul,ol{list-style: none;}
a{text-decoration: none;}
h2,h1{font-weight: normal;}
strong,b{font-weight: bold;}

.banner-h{
	width: 100%;
	background: url(/newcpzt/images/imageszt2548/zt_img_01.jpg) no-repeat;
	background-size: 100% 100%;
	height: 547px;
}
.banner-b{
	position: relative;
	width: 1200px;
	z-index: 1;
	height: auto;
	display: table;
	margin: 0 auto;
	top: 17%;
}
.banner-b::after{
	position: absolute;
    left: 0;
	top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    background: linear-gradient(to left,#fff,#ffffffe5,#ffffff57,#fff0);
}
.banner-b figure{
	width:44%;
	margin-top: 2%;
    float: left;
}
.banner-b figure img{
	width: 100%;
	display: block;
}
.banner-b .banner-fl{
	position: relative;
    width: 54%;
    margin-top: 2%;
    padding: 3% 2% 0% 0%;
    float: right;
}
.banner-fl span{
	display: block;
	width: 95%;
	text-align: center;
    font-size:34px;
    line-height:46px;
    letter-spacing: 3px;
    background-color: #086eff;
    color: #ffffff;
	margin: 3% 0%;
	border-radius: 34px;
}

.banner-fl h1{
	position: relative;
	font-size: 94px;
    line-height: 100px;
    letter-spacing: 6px;
    display:inline-block;
    font-weight: bold;
	background-image: -webkit-linear-gradient(left,#ff9100 1%,#f20d01);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	margin-top: 2%;
}
.banner-fl h1 img{display: block;float: right;margin-top: 2%;}
.banner-fl h1::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "固定式挡车器";
  z-index: -1;
  background-color: #999;
  -webkit-background-clip: text;
  -webkit-text-stroke:10px transparent;
}
.banner-fl h1::after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	content: "固定式挡车器";
	z-index: -1;
	background-color: #fff;
	-webkit-background-clip: text;
	-webkit-text-stroke:8px transparent;
  }
.banner-fl figure{width: 100%;margin-top: 0;}
.banner-fl figure img{width: 8%;margin: 0 auto;}
.banner-fl figure figcaption{width: 48%;float: right;background: #ff3434;color: #fff;border-radius: 24px;font-size: 32px;letter-spacing: 2px;text-align: center;line-height: 43px;}
.banner-fl ul li {float: left;width: 29%;}
.banner-fl ul li img{width: 17%;}
.banner-fl ul li font{display: block;float: right;font-size: 28px;color: #000;letter-spacing: 2px;margin-right: 23px;line-height: 32px;}

.zt_common{width: 1200px;height: auto;display: table;margin: 2% auto;position: relative;}
.zt_common b{display: block;font-weight: bold;color: #f2f2f2;text-align: center;font-size: 55px;line-height: 60px;}
.zt_common strong{font-size: 55px;letter-spacing: 1px;position: absolute;top: 13%;width: 100%;text-align: center;line-height: 80px;font-weight: bold;}
.zt_common strong span,.zt_common strong h2{display: inline;color: #f00;font-weight: bold;font-size: 55px;}
.zt_common font{display: block;font-size: 26px;text-align: center;letter-spacing: 1px;color: #595959;margin-top: 3%;}

.zt_1{width: 1200px;height: auto;display: table;margin: 0 auto;}
.zt_1 ul{}
.zt_1 ul li:nth-of-type(1){margin-left: 0;}
.zt_1 ul li{float: left;margin-left: 1.2%;width: 19%;}
.zt_1 ul li figure{width: 100%;}
.zt_1 ul li figure img{width: 59%;margin: 0 auto;display: block;}
.zt_1 ul li figure figcaption{font-size: 23px;letter-spacing: 1px;color: #000;line-height: 30px;text-align: center;margin-top: 11px;}
.zt_1 ul li figure figcaption:nth-of-type(2){font-size: 16px;color: #8f8f8f;letter-spacing: 0;margin-top: 5px;}

.zt_2{width: 1200px;height: auto;display: table;margin: 0 auto;}
.zt_2 figure{float: right;width: 50%;}
.zt_2 figure img{width: 100%;}
.zt_2 .zt_2_1{width: 50%;float: left;margin-top: 7%;}
.zt_2 .zt_2_1 span{display: block;font-size: 30px;color: #f00;letter-spacing: 1px;line-height: 49px;}
.zt_2 .zt_2_1 p{font-size: 20px;letter-spacing: 1px;line-height: 36px;color: #000;margin-top: 4%;}
.zt_2 .zt_2_1 p:nth-of-type(2){font-size: 16px;color: #b5b5b5;line-height: 22px;letter-spacing: 0;margin-top: 2%;}
.zt_2 .zt_2_1 font{display: block;background: #fe3234;width: 38%;font-size: 22px;color: #fff;padding: 1.1%;letter-spacing: 1px;margin-top: 4%;}
.zt_2 .zt_2_1 font img{display: block;width: 13%;float: left;margin-right: 4%;}

.zt_3{width: 100%;height: 700px;background:url(/newcpzt/images/imageszt2548/zt_img_02.jpg) no-repeat;margin: 0 auto;padding: 4% 0 3% 0;background-size: 100%;}
.zt_3 ul{width: 1200px;height: auto;display: table;margin: 0 auto;}
.zt_3 ul li{float: left;margin-left: 2%;width: 32%;margin-bottom: 2%;}
.zt_3 ul li:nth-of-type(1),.zt_3 ul li:nth-of-type(4){margin-left: 0;}
.zt_3 ul li figure{width: 100%;}
.zt_3 ul li figure img{width: 100%;}
.zt_3 ul li figure h2{font-size: 24px;letter-spacing: 2px;color: #000;line-height: 30px;text-align: center;margin-top: 3%;}

.zt_4{width: 1200px;height: auto;display: table;margin: 0 auto;position: relative;}
.zt_4 img{width: 100%;margin: 0 auto;}
.zt_4 div{position: absolute;right: 13%;top: 7%;}
.zt_4 div span{display: block;font-size: 24px;color: #f00;line-height: 30px;letter-spacing: 1px;}
.zt_4 div p{font-size: 20px;line-height: 30px;margin-top: 2%;}
.zt_4 div:nth-of-type(2){top: 28%;right: 14.5%;}
.zt_4 div:nth-of-type(3){top: 53%;right: 19%;}
.zt_4 div:nth-of-type(4){top: 72.5%;right: 13%;}
.zt_4 font{display: block;text-align: center;font-size: 24px;letter-spacing: 1px;background: #f00;color: #fff;line-height: 62px;margin-top: 3%;}

.zt_5{width: 1200px;height: auto;display: table;margin: 0 auto;}
.zt_5 img{display: block;float: right;width: 40%;}
.zt_5 div{float: left;width: 59.5%;}
.zt_5 div p{font-size: 20px;letter-spacing: 1px;line-height: 47px;color: #333;background: #fff;}
.zt_5 div ul{width: 100%;background: #ff3435;height: auto;display: table;margin: 2% 0 0 0;padding: 1.6% 0;}
.zt_5 div ul li{float: left;width: 29%;margin-left: 4%;}
.zt_5 div ul li figure{}
.zt_5 div ul li figure img{width: 27%;float: unset;margin: 0 auto;}
.zt_5 div ul li figure figcaption{text-align: center;font-size: 22px;letter-spacing: 2px;color: #fff;margin-top: 3%;}
.zt_5 img.zt_5img1{float: left;width: 59.5%;margin: .5% 0;height: 388px;}
.zt_5 img.zt_5img2{margin: .5% 0;height: 388px;}
.zt_5 p{font-size: 20px;letter-spacing: 1px;line-height: 47px;color: #333;background: #f7f7f7;height: auto;display: table;margin: 0 auto;width: 100%;}

.zt_6{width: 100%;height: 761px;background:url(/newcpzt/images/imageszt2548/zt_img_64.jpg) no-repeat;margin: 0 auto;background-size: 100%;}

.zt_7{width: 1200px;height: auto;display: table;margin: 0 auto;}
.zt_7 img{display: block;float: right;width: 50%;box-shadow: 1px 1px 4px #6a5e5e,-1px -1px 4px #6a5e5e;}
.zt_7 div{float: left;width: 42%;background: #fff;box-shadow: 1px 1px 4px #6a5e5e,-1px -1px 4px #6a5e5e;padding: 5.18% 4%;}
.zt_7 div b{font-weight: bold;display: block;font-size: 57px;color: #f00;}
.zt_7 div span{display: block;font-size: 16px;color: #000;}
.zt_7 div strong{display: block;font-size: 44px;letter-spacing: 2px;color: #000;line-height: 60px;}
.zt_7 div hr{width: 36%;background: #f00;height: 3px;border: #f00;margin-top: 2%;}
.zt_7 div p{font-size: 24px;letter-spacing: 2px;line-height: 42px;color: #000;margin-top: 3%;}
.zt_7-1{margin: 2% auto;}
.zt_7-2 div{padding: 7% 4%;}
.zt_7-1 div{float: right;padding: 7.15% 4%;}
.zt_7-1 img{float: left;}

.zt_8{width: 1200px;height: auto;display: table;margin: 0 auto;}
.zt_8 ul{}
.zt_8 ul li{width: 30%;float: left;margin-left: .5%;}
.zt_8 ul li:nth-of-type(1){margin-left: 0;width: 39%;}
.zt_8 ul li:nth-of-type(1) img{height: 369px;}
.zt_8 ul li:nth-of-type(1) img:nth-of-type(2){height: 205px;}
.zt_8 ul li img{width: 100%;}