@charset "utf-8";

/*公共类*/
*{
	padding: 0;margin: 0;
	box-sizing: border-box;
	font-family: "微软雅黑";
	outline:none;
	/*max-width: 100%;*/
}
a{
	text-decoration: none;color:#000;
}

::placeholder{
	color:var(--zts);
}
.w1200{
	width:1200px;margin:0 auto;
}
.mb15{
	margin-bottom: 15px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.pt60{
	padding-top: 60px!important;
}
.pb30{padding-bottom:60px!important}
button{
	cursor:pointer;
    border: 0;
    background: none;
}
.bghui2{
	background:#ededed;
}
.fdtu{
	-webkit-transition-duration:var(--gdsj);
  transition-duration:var(--gdsj);
}
.fdtu:hover{
	transform: scale(1.05);
}
.hdxf{
	position:relative;top:0;
	-webkit-transition-duration:var(--gdsj);
  transition-duration:var(--gdsj);
}
.hdxf:hover{
	top:-10px;
}
.hdbs{
	-webkit-transition-duration:var(--gdsj);
  transition-duration:var(--gdsj);
}
.hdbs:hover{
	color:var(--zts);
}
.hdbs2{
	-webkit-transition-duration:var(--gdsj);
  transition-duration:var(--gdsj);
}
.hdbs2:hover{
	color:var(--zts2);
}
.hdyy{
	-webkit-transition-duration:var(--gdsj);
  transition-duration:var(--gdsj);
}
.hdyy:hover{
	 -webkit-box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);
    box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);
}

.nrptb{
	padding:20px 0 ;
}
.nrptb2{
	padding:50px 0;
}
.tit2{
	font-size:30px;
	font-weight:bold;color:var(--zts);text-align:center;
}
.tit1{
	font-size:30px;color:#333;
	text-align:center;font-weight:bold;
}
.gynr{
	font-size:16px;color:#333;margin-top:40px;line-height:2;
}
.gynr p{
	text-indent:2em;
}
.shu{
	position:relative;
}
.shu:after{
	content:"";
	border-right:1px solid #ccc;
	left:0;
	position:absolute;right:0;height:50%;width: 1px;
	top:50%;transform: translate(0, -50%);
}
.ycys{
	display:none!important;
}
.pagelist{text-align: center;padding: 30px 0 ;
font-size:12px;
}
.pagelist li{
  display: inline-block;vertical-align: middle;
}
.pagelist a{
  /*border: 1px solid #e6e6e6;*/
  font-size: 14px;
  height:33px;
  line-height:33px;
  border-radius:500px;
  font-weight:bold;
  margin:0 15px;
  width: 60px;
display: inline-block;
/*background: var(--zts);*/
color: #000;
cursor: pointer;
text-decoration: none;
-webkit-transition-duration:var(--gdsj);
	transition-duration:var(--gdsj);
	display:flex;align-items:center;
	justify-content:center;
}
.pagelist li:hover a,.pagelist .active a{
  background: var(--zts);
color: #000;
}

.syy{
	display:block;
	width: 14px;height:26px;
	background-image:url(../images/cleft.png);
}
.syy:hover{
	background-image:url(../images/clefth.png);
}
.xyy{
	display:block;
	width: 14px;height:26px;
	background-image:url(../images/cright.png);
}
.xyy:hover{
	background-image:url(../images/crighth.png);
}
.pagelist li:first-child:hover a,.pagelist li:last-child:hover a{
	background-color:inherit;
}
/*公共swiper样式*/
.swpf1 .swiper-pagination-bullet{
	width:8px;height:8px;border-radius:500px;background:#999999;opacity:1;
	-webkit-transition-duration:.1s;transition-duration:.1s;
	margin:0 5px!important;
}
.swpf1 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:var(--zts);opacity:1;
	width:13px;height:13px;
}
.swpf1 .swiper-pagination{
	display:flex;align-items:center;justify-content:center;height:16px;
}
.swpf1 .swiper-button-prev{
	left:0px;top:60%;transform: translate(0, -50%);
	background-image:url(../images/cleft.png);
	background-size:100% 100%;
	width:14px;height:26px;opacity:1!important;
}
.swpf1 .swiper-button-next{
	right:0px;top:60%;transform: translate(0, -50%);
	background-image:url(../images/cright.png);
	background-size:100% 100%;
	width:14px;height:26px;opacity:1!important;
}
.swpf1 .swiper-button-prev:hover{
	background-image:url(../images/clefth.png);
}
.swpf1 .swiper-button-next:hover{
	background-image:url(../images/crighth.png);
}



.cpzx{
	padding:60px 0;
	background-image:url(../images/gnmk.webp);background-size:cover;background-position:center;
}
.cpt1{
	font-size:38px;color:#333;text-align:center;font-weight:bold;
}
.cpnrt1>div{
	width: 49%;
}
.cpnrt1{
	display:flex;align-items:center;justify-content:space-between;
}
.cpnrt1i{
	height:510px;background-image:url(../images/cpl.webp);background-size:150%;background-position:center;
}
.cpnrt1r1{
	font-size:14px;font-weight:bold;color:#666666;line-height:2;
}
.cpnrt2 a{
	font-size:14px;font-weight:bold;width: 32%;padding:0 10px ;line-height:34px;
	border:1px solid #333;
	-webkit-transition-duration:var(--gdsj);transition-duration:var(--gdsj);
}
.cpnrt2 a:hover{
	color:var(--zts);border-color:var(--zts);
}
.cpnrt2{
	display:flex;justify-content:space-between;align-items:center;margin-top:30px;margin-bottom:22px;
}
.cpnrt1r img{
	display:block;margin:0 auto;
}
.cpnrt3{
	font-size:20px;font-weight:bold;margin-top:25px;text-align:center;
}
.cpnr2{
	width:1045px;margin:0 auto;position:relative;
}
.cpnr2 .swiper-button-prev{
	left:-50px;top:60%;transform: translate(0, -50%);
	background-image:url(../images/cleft.png);
	background-size:100% 100%;
	width:14px;height:26px;opacity:1!important;
}
.cpnr2 .swiper-button-next{
	right:-50px;top:60%;transform: translate(0, -50%);
	background-image:url(../images/cright.png);
	background-size:100% 100%;
	width:14px;height:26px;opacity:1!important;
}
.cpnr2 .swiper-button-prev:hover{
	background-image:url(../images/clefth.png);
}
.cpnr2 .swiper-button-next:hover{
	background-image:url(../images/crighth.png);
}
.cpnr2 a{
	position:relative;display:flex;overflow:hidden;
	text-align:center;background:#fff;
	justify-content:center;align-items:center;

}
.cpnr2 a p{
	position:absolute;bottom:0;
	line-height:45px;color:#fff;font-size:14px;padding:0 25px;
	background:rgba(0, 0, 0, .5);display:block;width: 100%;
	display:flex;justify-content:space-between;align-items:center;
	-webkit-transition-duration:var(--gdsj);transition-duration:var(--gdsj);
}
.cpnr2 a>img{
	padding:10px;
	max-width:90%;max-height:90%;
	display:block;
	-webkit-transition-duration:var(--gdsj);transition-duration:var(--gdsj);
}
.cpnr2 a:hover img{
	transform: scale(1.05); 
}
.cpnr2 a:hover p{
	color:var(--zts);
}



/*产品中心*/
.cpinm1l{
	width:772px;
}
.cpinm1r{
	width: 320px;
	background:var(--zts);
	border-radius:10px;
	padding:30px ;color:#fff;height:140px;
}
.cpinm1>div{
	display:flex;justify-content:space-between;
}
.cpinm1t1{
	font-size:24px;
	margin-bottom:28px;
}
.cpinm1t2{
	font-size:16px;line-height:24px;
}
.cpinm1rt1{
	font-size:18px;font-weight:bold;
}
.cpinm1rt2{
	font-size:28px;font-weight:bold;margin-top:20px;
	display:flex;align-items:center;
}
.cpinm1rt1 img{
	margin-left:5px;
}
.cpinm1rt2 img{
	margin-right:10px;
}

.cpint1{
	text-align:left;
	padding-bottom:30px;
}
.cpinhzit{
	border-top:1px solid #dddddd;
	padding-bottom:30px;
}
.cpinnrtop{
	padding:25px 0;display:flex;align-items:center;
	justify-content:space-between;
}
.cpinnrt1{
	font-size:24px;font-weight:bold;color:var(--zts);
}
.cpinnrtop span{
	cursor:pointer;
	width:20px;height:20px;
	background-image:url(../images/jia.png);
	display:block;background-size:100% 100%;
	transform:rotate(0deg);
	-webkit-transition-duration:var(--gdsj);
	transition-duration:var(--gdsj);
}
.cpinnrtop span.on{
	background-image:url(../images/cha.png);
	transform:rotate(180deg)
}

.cpinit{
background:#fff;display: block;
/*	margin-right:2.6666%; */
	-webkit-box-shadow: 0 1px 17px rgba(0,0,0,0.15);
        box-shadow:0 1px 17px rgba(0,0,0,0.15);
}
.cpinit:nth-child(4){
	margin-right:0;
}
.cpinli{
	display:flex;
}
.cpinliw{
	display:none;
}
.cpinliw.on{
	display:block;
}
.cpinitim{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:193px;
	 background-image: linear-gradient(to bottom, #fefefe,#eeeeee, #e1e1e1);
}
.cpinitim:hover{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:193px;
	/* background-image: linear-gradient(to bottom, #fefefe,#eeeeee, #e1e1e1);
        box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5); */
}
.cpinitim img{
	/*padding:10px;*/
	max-width:90%;max-height:90%;
}
.cpinwz{
	padding:30px 20px;
	/*border-top:1px solid rgba(153,153,153,.5);*/
}
.cpinxh,.cpinmz{
	font-size:18px;color:#333;
	line-height:26px;
}
.cpinjj{
	font-size:14px;color:#333;line-height:22px;margin-top:20px;
}



/*产品详情*/
.cpitb{
	padding-top: 20px;border-top: 1px solid #cdcdcd;margin-top: 50px;width: 100%;
}
.cpitb ul{
	width: 100%;display: flex;justify-content: space-between;
}
.cpitb li{
	text-align: center;list-style: none;display: inline-block;font-size: 14px;
}
.cpitb img{
	margin-bottom: 15px;display: block;width: 50px;
}

.cpxtd{
	text-align: center;
}
.cpxtd li{
	list-style-type: none;width: 25%;padding: 0 10px;
}
.cpxtd ul{
	display: flex;
}
.cpxtdwhz img{
	display: block;margin: 20px auto 20px;
}
.cpxtdi1{
	font-size: 20px;color: var(--zts);font-weight: bold;
}
.cpxtdi2{
	font-size: 16px;color: #595757;margin-top: 15px;
}

.cpcsw{
	display: none;
visibility: hidden;
}
.cpcsw.on{
	display: block;
visibility: visible;
}
.cpndh{background: var(--zts);}
.cpndh>div{
	display: flex;justify-content: space-around;
}
.cpndh span,.cpndh>div>a{
	font-size: 14px;color: #fff;line-height: 80px;display: block;border-bottom:5px solid var(--zts) ;height: 80px;
	cursor: pointer;
}
.cpndh span.on{
	border-color: #fff;
}
.cpcsl{
	display: none;
}
.cpcsl.on{
	display: block;
}

.cpcsl p{
	font-size:23px;line-height: 40px;white-space: pre-wrap;
}
.cpcsw>div{
	/*display: flex;*/justify-content: space-between;align-items: flex-start;
}
.cpcsrcs{
	width: 115px;height: 300px;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.cpcsrcs span{
	cursor: pointer;font-size: 20px;font-weight: bold;display: flex;justify-content: space-between;width: 100%;
	position: relative;z-index: 2;align-items: center;
}
.cpcswzw{
/*	position: absolute;*/
	left: 0;top: 0;width: 100%;
}
.cpcswww{
	position: relative;
}


.cpcsrcs span.on{
	color: var(--zts);
}
.cpcsrcs span i{
	width: 20px;height: 20px;background-image: url(../images/ty.png);background-size: 100% 100%;
}
.cpcsrcs span.on i{
	background-image: url(../images/ty_on.png);
}
.cpcsf{
	display: flex;justify-content: space-between;margin-left: 18px;
}
.cpcslwh{
	width:  calc(100% - 160px);
}
.cpcsl li{
	list-style-type: none;margin-bottom: 25px;display: block;
}
.cpcsl li h4,.cpcsl li p{
	color: #333333;font-size: 20px;font-weight: normal;
}
.cpcsrcs{
	position: relative;
}
.cpcsrcs:after{
	content: "";
	width: 1px;height: 80%;
	position: absolute;right: 9px;z-index: 1;
	top:10%;border-right: 1px dashed #dfdfdf;
}







.cpxqsp{
	width: 550px;
}
.cpxqsp video{
	width: 100%;
}
.cpxqr{
	width: 540px;
}
.cpxq>div{
	display:flex;justify-content:space-between;
}
.cpxqrt1{
	text-align:left;
}
.cpxqrde{
	font-size:14px;line-height:26px;margin-top: 20px;
}
.cpxqrtd h5{
	font-size:20px;line-height:24px;
	margin-bottom:15px;margin-top:30px;font-weight:normal;
}
.cpcsim img{
	max-width:100%;display:block;
}
.xsqd p{
	font-size:12px;line-height:2;
}
.bht1{
	position:absolute;bottom:0;left:0;width: 100%;font-size:18px;font-weight:bold;padding:10px 0;text-align:center;
	background:rgba(0, 0, 0, .5);color:#fff;
}
.fdhzw{
	position:relative;
}

.cpcsim{
	width: calc(100% - 750px);
	padding: 10px; 
	padding-top:80px;
}
.gd1{
	-webkit-box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);
    box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);
}
.gd1 .swiper-slide{
	padding: 25px;
}

.gd2{
	margin-top: 10px!important;
}
.gd2 .swiper-slide{
	border:1px solid #ccc;
	padding: 5px;cursor: pointer;
}
.gd2 .swiper-slide.swiper-slide-thumb-active{
	border:1px solid var(--zts);
}


.cpcsr{
	width: 573px;
}
.cpcs>div{
	display:flex;justify-content:space-between;
}
.cpcsrt1{
	font-size:30px;margin-bottom:30px;font-weight: bold; margin-left: 17px;
}
.cpcs table{
	/*border:1px solid #dddddd;*/
	border-collapse:0;
	border-spacing:0;
	width: 100%;
}
.cpcs td{
	padding:10px 10px;text-align:center;color:#666;
	font-size:14px;width:auto;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;vertical-align: middle;
}
.cpcs tr td:last-child{
	border-right:1px solid #dddddd;
}
.cpcs tr:first-child td{
	color:#fff;font-weight:bold;background:#999999!important;
}
.cpcs tr:nth-child(2n) td{
	background:#f3f3f3;
}
.cpcs tr:nth-child(2n+1) td{
	background:#f0f0f0;
}