* {
	font-size: 16px;
	padding: 0;
	margin: 0;
}

body {
	min-width: 1340px;
}

.topBanner {
	width: 100%;
	height: 280px;
	background: url('../img/1.png') no-repeat;
	background-size: 100% 100%;
}

.mainContainer {
	width: 1300px;
	margin: auto;
}

.paddingCommon {
	padding: 60px 0;
}

.bannerText {
	margin-top: 80px;
}

.boxTitle {
	margin-bottom: 45px;
}

.boxTitle p {
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	letter-spacing: 2px;
}

.titleLine {
	width: 65px;
	height: 3px;
	background: #24CF91;
	margin-top: 6px;
	margin: 6px auto 0;
}

.setFlex {
	display: flex;
	align-items: center;
}

.fwCardBox {
	column-gap: 18px;
	margin-top: 50px;
}

.cardOne {
	width: calc(20% - 20px);
}

.cardTitle {
	background-color: #1BAF7D;
	color: #fff;
	padding: 15px 20px;
	line-height: 25px;
	border-radius: 12px 12px 0 0;
	font-weight: 700;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: pre-wrap;
	text-align: center;
	letter-spacing: 2px;
	font-size: 17px;
}

.cardOne {
	border-radius: 12px;
	border: 1px solid #DCEEE5;
	background: #EDF9F3;
	padding-bottom: 20px;
	height: 285px;
}

.cardNr {
	padding: 15px 20px 20px 20px;
}

.cardNr p {
	font-size: 15px;
	line-height: 28px;
	letter-spacing: 1px;
}

.circle {
	font-size: 22px;
	margin-right: 10px;
}

.bzBox {
	width: 100%;
	height: 565px;
	background: url(../img/2.png) no-repeat;
	background-size: 100% 100%;
	padding-top: 75px;
	box-sizing: border-box;
}

.bzBox .titleLine {
	background-color: #fff;
}

.leftBz {
	background: linear-gradient(to bottom, RGBA(27, 175, 125, .8) 10%, RGBA(27, 175, 125, 1) 40%);
	border-radius: 15px;
	width: 70%;
	height: 420px;
	padding: 40px 35px;
	box-sizing: border-box;
}

.bzUl {
	display: flex;
	flex-wrap: wrap;
	column-gap: 25px;
	row-gap: 20px;
	align-items: center;
}

.bzUl li {
	width: calc(50% - 13px);
	border-radius: 12px;
	border: 1px solid #fff;
	height: 65px;
	line-height: 65px;
	padding: 0 22px;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 18px;
	box-sizing: border-box;
	cursor: pointer;
}

.bzBox {
	color: #fff;
}

.bzUl li.active {
	background-color: #fff;
	color: #19AD7A;
}

#certify {
	position: relative;
	width: 30%;
	/*判断宽度设置响应式效果*/
	margin: auto;
}

#certify .swiper-slide {
	width: 270px;
	height: 410px;
	background: #fff;
	border: 1px solid #c2c2c2;
}

#certify .swiper-slide img {
	width: 98%;
	height: 99%;
	display: block;
	border: 2px solid #fff;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.productBox {
	height: 635px;
	padding: 60px 0;
}

.productSwiper,
.productSwiper .swiper-container,
.productSwiper .swiper-wrapper {
	height: 100%;
}

.productSwiper .swiper-slide {
	height: 480px;
	text-align: center;
	font-size: 18px;
	background: #fff;
	padding: 5px 0;
	box-sizing: border-box;
}

.logo {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0px auto 20px;
}

.logo img {
	width: 100%;
	height: 100%;
}

.companyOne {
	width: 98%;
	height: 98%;
	margin: auto;
	box-shadow: 0 0 10px #eee;
	background-color: #fff;
	border-radius: 15px;
	padding: 30px;
	box-sizing: border-box;
}

.expliseText {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

}

.expliseTextMore {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;

}

.companyName {
	font-weight: 700;
	margin-bottom: 15px;
	text-align: center;
	font-size: 17px;
}

.companyProfile {
	font-size: 15px;
	color: #363636;
	line-height: 28px;
	text-align: left;
	height:85px;
}

.cpPic {
	width: 100%;
	height: 100px;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 10px;
}

.cpPic img {
	width: 100%;
	height: 100%;
}

.picBox {
	column-gap: 10px;
	margin-top: 25px;
}

.productOne {
	width: 33.333%;
}

.cpName {
	font-size: 15px;
	font-weight: 700;
}

.productSwiper .swiper-button-next,
.productSwiper .swiper-button-prev {
	bottom: 70px;
	top: auto;
}

.productSwiper .swiper-button-prev,
.productSwiper .swiper-container-rtl .swiper-button-next {
	left: 46%;
	background-image: none;
}
.productSwiper .swiper-button-prev::before{
	content:'<';
	width: 40px;
	height: 40px;
	background: #1BAF7D;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 22px;
	color: #fff;
}

.productSwiper .swiper-button-next,
.productSwiper .swiper-container-rtl .swiper-button-prev {
	right: 46%;
	background-image: none;
}
.productSwiper .swiper-button-next::before{
	content:'>';
	width: 40px;
	height: 40px;
	background: #1BAF7D;
	position: absolute;
	left: 0px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 22px;
	color: #fff;
}
.zhuanlBox{
	padding: 60px 0;
	height: 680px;
	background: url(../img/4.png) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.dlText{
	text-indent: 40px;
	line-height: 30px;
	letter-spacing: 1px;
}
.marginTop{
	margin-top: 30px;
}
.registerBox{
	height: 350px;
	background: url(../img/5.png) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 80px 0;
}
.registerBox .boxTitle{
	color: #fff;
}
.enterBtn{
	width: 285px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: 700;
	text-align: center;
	margin: auto;
	border-radius: 12px;
	cursor: pointer;
	background: linear-gradient(to right,#46DF93,#59BEC4,#6A94EE);
}