@charset "utf-8";
/* CSS Document */



/*--banner--*/
.swiper-container {
      width: 100%;
      height:auto;
	  overflow:hidden;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
@media screen and (max-width: 768px) {	
    .swiper-wrapper {
		margin-top:7.3rem;
	}

}
/**关于我们**/
.p68{
	padding:6.8rem 0px;
	text-align:center;
}
.about{
	padding-top:6.2rem;
	text-align:left;
	line-height:28px;
	font-size:16px;

}
.btitle{
	font-size:3.6rem;
	font-weight:bold;
}
.stitle{
	font-size:1.8rem;
	color:#696969;
}
@media screen and (max-width: 980px) {
.about{
	padding-top:4rem;
	text-align:left;
	line-height:22px;
	font-size:14px;

}
.btitle{
	font-size:2.8rem;
	font-weight:bold;
}
.stitle{
	font-size:1.4rem;
	color:#696969;
}
}
@media screen and (max-width: 764px) {
	.about{
		line-height:24px;
	}
	.about p{
		padding:1.6rem 0;
	}
	.btitle{
	font-size:2rem;
	font-weight:bold;
}
.stitle{
	font-size:1.2rem;
	color:#696969;
}
.p68{
	padding:4.6rem 0px;
}
}
@media screen and (max-width: 574px) {
	.about{
	padding-top:3rem;
	}
	.about p{
		padding:1.6rem 2rem;
	}
	.p68{
	padding:3rem 0px;
    }
}
	
/***产品中心*****/
.cp{
	background:#F1F1F1;
}
.cpmenu{
	display:table;
	margin:0 auto;
	padding-top:2.6rem;
}
.cpmenu li{
	float:left;
	margin-right:2rem;
}
@media screen and (max-width: 760px) {
	.cpmenu li{
		margin-bottom:10px;
	}
}
	
@media screen and (max-width: 572px) {
	.cpmenu{
		padding-left:20px;
	}
	.cpmenu li{
		margin-right:2rem;
	}
}

.cpmenu li a{
	display:block;
	padding:1rem 2rem;
	border:1px solid #B7B7B8;
}
@media screen and (max-width: 407px) {
	.cpmenu li a{
		padding:1rem;
	}
	
}
@media screen and (max-width: 347px) {
	.cpmenu li{
		margin-right:1rem;
	}
}
.cpmenu li a:hover{
	border:1px solid #FF9800;
}
.cp .row div{
	margin-top:2.6rem;
}
.cp .row p {
	padding-top:1.6rem;
}
.cp .row p a{
	font-size:1.8rem;
	color:#000;
	
}
.cp .row p a:hover{
	color:#FF9800;
}
.effect-layla{
	
	position:relative;
}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border-top: 1px solid #FF9800;
	border-bottom: 1px solid #FF9800;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border-right: 1px solid #FF9800;
	border-left: 1px solid #FF9800;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
@media screen and (max-width: 576px) {
	.row{
		margin:0;
	}

}
/****证书****/
.zs{
	margin-top:2.6rem;
}