body,
html {
	/* background-color: #FFFFFF; */
}


/* 将需要有动效的对象，添加缓动时间 */
img {
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.we img{
	height: 150px;
}

.p1 {

	overflow: hidden;
	/* background: url('__PUBLIC__/assets/images/abutus-bg.png') repeat-x bottom center; */
	/* background-size: cover; */
	padding:  48px 0;
	background-color: #fff;
}
.slogan2  strong:nth-child(1),.slogan2  strong:nth-child(2){
	font-size: 60px;
	color: #229bbc ;
	display: inline;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.slogan2  p:nth-child(1) {
	font-size: 30px;
	text-align: center;
	width: 930px;
	margin: auto;
	display: block;
	font-weight: 550;
	line-height: 1.5em;
}
.slogan2  p:nth-child(2) {
	font-size: 18px;
	text-align: right;
	color: #666;
	font-weight: 200;
	margin-top: 20px;
	margin-right: 20px;
}


.title_h3 h3, .title_h3 strong, .title_h3 span {
    font-size: 45px !important;   
}
.title_h3{
	width: 100%;
}
.title_h3 h3{
	/* font-size: 48px !important; */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	/* 首字母大写 */
	text-transform: capitalize; 
	text-align: center;
}
.title_h3 strong{
	color: #78c302;
}
.title_h3 span{
	color: #3b9066;
}

/* .jiagou .cur:before ,.jiagou .cur .line:before{
		content: '';
		position: absolute;
		left:-2.82vw;
		top: 4vw;
		height: 111%;
		width: 1px;
		background: #D8D8DA;
		display: block;
		opacity: .5; 
} */
/* 第一个 横线 */
/* .jiagou .cur .line:before{
	height: 1px;
	top: 4.4vw;
	width: 2.9vw;
} */


/* 做业务方最有价值的伙伴 */

.p3 {
	background:url('../images/aboutus_bg_2.png') #333;
	background-size: cover;
	padding-bottom: 80px;
	margin-top: 80px;

}

.p2{
	margin-top: 90px;
}

.p2 .row {
	/* margin: 10px 0; */
	text-align: left;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.p2 .col-xs-12 {
	padding: 0;
}

.p2 .row.about_imglist .txt {
	display: block;
	padding: 6vw 6vw;
	height: 385px;
	background: url('../images/aboutus-bg-1.png') center #F5F5F7;
	background-size: cover;
	/* box-shadow: 0px 4px 32px 0px rgba(214, 214, 214, 0.29) */
}

.p2 .row.about_imglist .txt strong{
	font-size: 30px;
}

/* .p2 .row.about_imglist .txt p{
	font-size: 30px;
} */


.p2 .row.about_imglist .img {
	overflow: hidden;
	margin:  auto;
	/* margin-bottom: 2vw; */
	width: 100%;
	height: 100%;
	background-color: #eee;
}
.p2 .row.about_imglist .img img{
	width: 100%;
}
.p2 .row.about_imglist .img .ico{
	width: 80px;    
	position: absolute;
	z-index: 2;
	top: 34%;
	left: 44%;
	/* transform: translate(-50%,-50%); */
}
.p2 .row.about_imglist .img:hover .ico{
	/* 旋转 */
	transform:rotateY(180deg);
}
.p2 .row.about_imglist .img:hover .bgimg {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.p2 .col-md-12 img {
	display: block;
	margin: auto;
	width: 100%;
}

.p2 .col-md-12 strong {
	display: block;
	margin: 1vw auto;
	font-weight: bold;
	font-size: 1.12vw;
}

.p2 .row .col-md-12 .box span {
	margin: auto;
	margin-top: 3vw;
	max-width: 15px;
	display: block;
}


.p3{
	/* padding: 3vw 0; */
}

.p3 .text-light{
	color: #FFFFFF;
}
.p3 .col-md-6 div{
	color: #333;
	padding: 60px 80px;
	line-height: 2;
	height: 285px;
	/* margin: 5px; */
	backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, 0.75);
}
.p3 .col-md-6 strong{
	color: #333;
	font-size: 20px;
	margin-bottom: 10px;
}
/* 发展历程 */

.p4{
	background:url('../images/cl-bg.jpg') #f8f8f8;
	background-position: bottom;
	background-size: cover;
	/*margin-bottom: 30px;*/
	padding:68px;
	text-align: center;
	background-color: #F5F5F7;
	min-height: 338px;
}

.p4 .row .col-md-4 .box .font p{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.p4 .row .col-md-4 .box .font  strong{
	
	font-size: 20px;
	margin-bottom: 10px;
	display: block;
}
.p4 .row .box:hover img{
	/* 旋转 */
	/* transform:rotateY(180deg); */
}


/* 联系我们 */
.p7{
	margin-bottom: 72px;
}

.p7 .row .col-xs-12 .box{
	padding:50px 40px;
	text-align: center;
	min-height: 269px;
	background-color: #F5F5F7;
}
.p7 .row .col-xs-12 .box .img{
	margin-bottom: 10px;
}
.p7 .row .col-xs-12 .box .img img{
	width: 56px;
}

.p7 .row .col-xs-12 .box span{
	font-size: 20px;
	font-weight: 600;
	margin: 8px auto;
	display: block;
	text-transform: uppercase; 
}
.p7 .row .col-xs-12 .box p{
	color: #999;
	margin-bottom: 0;
}
.p7 .row .col-xs-12 {
	padding-left: 9px;
	padding-right: 9px;
}

.p7 .row .col-xs-12 .box p strong{
	font-size: 16px;
	font-weight: 400;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	/* color: #229bbc ; */
	margin-bottom: 12px;

}


/* 发展历程 */
.p4 .content{
	margin-bottom: 200px;
}
.p4 .content .info{
	text-align: left;
}
.p4 .content .info h5{
	margin-top: 33px;
	font-size: 30px;
	color: #229bbc ;
}
.p4 .content .info p{
	margin-top: 50px;

	font-size: 16px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}
.p4 .content .developmentSwiper .swiper-slide:after {
	width: 9px;
	height: 9px;
	background: #229bbc;
	content: "";
	position: absolute;
	display: inline-block;
	z-index: 20;
	left: 0;
	top: 84px;
	margin-top: -0.5px;
	border-radius: 50%;
}
.swiper-slide h5{
	display: block;
	margin: 10px auto;
	text-align: center;
}
	.swiper-button-next, .swiper-button-prev{
	/* top: 68%;*/
	background-size: 18px 44px; 
}
/* .swiper-button-prev{
	left: -20px;
	right: auto;
}

.swiper-button-next{
	right: -20px;
	left: auto;
}  */


.swiper-slide:nth-child(2n){
	
}
.p4 .content .developmentSwiper:after {
	width: 100%;
	height: 1px;
	background: #ddd;
	content: "";
	position: absolute;
	display: inline-block;
	z-index: 0;
	left: 0;
	top: 50%;
	margin-top: -0.5px;
}

/* #garden-main .box .developmentSwiper:after {
	width: 100%;
	height: 1px;
	background: #ddd;
	content: "";
	position: absolute;
	display: inline-block;
	z-index: 10;
	left: 0;
	top: 50%;
	margin-top: -0.5px;
} */
.links .box img{
	width: 100%;
}
.links .col-md-2 .box{
	padding: 5px;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
}


/* 联系方式 */
.contact {
	/* margin-top: -90px; */
}


.contact .box>div{
	/* box-shadow: 1px 2px 20px #e7e7e8; */
	/* display: flex; */
	/* align-items: center; */
	/* margin: auto 15px; */
	/* padding: 0 13px; */
	/* color: #345645; */
	/* text-align: center; */
	/* padding: 0 25px; */
}
.contact .box>div:last-child{
	border-right: none;
}

.contact .box h4{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
	color: #333;
	display: flex;
	align-items: center;
}
.contact .box h4 img{
	height: 30px;
	margin-right: 15px;
}

/* 地图 */

.contact .map{
	padding: 15px;
	width: 100%;
	/* height: 364px; */
	overflow: hidden;
	margin-top: 20px;
}


.contact .map img{
	width: 100%;
}

.contact .box .font{
	/* padding: 13px 20px; */
	font-size: 16px;
}
.contact .box .font img{
	width: 26px;
	margin-right: 10px;
}
.contact .box .font p{
	margin-bottom: 10px;
	/* display: flex;
	align-items: flex-start; */
}
.contact .box .font p span{
	font-weight: bold;
}
.contact .box .font h3{
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

/* 经销商联系方式 */
.contact .list .col-sm-12 .td{
	background-color: #fff;
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 15px;
}

.contact .list .col-sm-12 .td h4,.contact .list .col-sm-12 .td h4 img{
	height: 22px;
	line-height: 22px;
}

.contact .list .col-sm-12 .td strong{
	margin: 25px 0;
	display: block;
}
/* 经销商联系方式 */


.bg-white {
	/* padding: 35px 0; */
	/* padding-top: 30px; */
	background-color: #f8f8f8;
}

/* 发展历程2 */
.single-page .text {
	font-size: 14px;
	line-height: 28px;
	max-width: 857px;
	margin: 0 auto;
}
.cou1_ulContent {
	position: relative;
	width: 100%;
}
.cou1_wireBlock {
	position: absolute;
	top: 0px;
	left:96px;
	border-left: 1px dashed #878686;
	height: 100%;
}
.cou1_ulBlock {
	position: relative;
	width: 100%;
}
.cou1_liBlock {
	position: relative;
	line-height: 30px;
	padding-bottom:5px;
	padding-top:5px;
}
.cou1_year {
	float: left;
	color: #073190;
	font-size: 22px;
	width:51px;
}
.cou1_icon {
	position: relative;
	width: 91px;
	height: 32px;
	float: left;
	background: url(../images/c2_1.png) no-repeat center;
}
.cou1_text {
	float: left;
	position: relative;
	font-size: 16px;
	color: #444444;
	line-height: 1.4em;
	background-color: #F5F5F7;
	width: 78%;
}
.cou1_text p{
	margin: 5px 10px;
}
.cou1_text p img{
	max-height: 50px;
	margin-left: 20px;
}
.clear {
	display: block;
	clear: both;
}

/* 公司介绍 */
.aboutus .about_p2{
	position: relative;
	padding-bottom: 55px;
}
.aboutus .about_p2 .FactoryPhoto{
	z-index: 5;
	margin-bottom: 30px;
	border-radius: 8px;
	overflow: hidden;
}

.aboutus .about_p2::before{
	content: "";
	position: absolute;
	top: 280px;
	background-color: #229bbc;
	height: 370px;
	width: 100%;
	z-index: 0;
}

.aboutus .about_p2 .col-md-3{
	/* padding: 0; */
}
.aboutus .about_p2 .col-md-3:nth-child(1), .aboutus .about_p2 .col-md-3:nth-child(2), .aboutus .about_p2 .col-md-3:nth-child(3){
	/* padding-right:10px; */
}
.aboutus .about_p2 .row .box{
	background-color: #fff;
	padding: 50px;
	text-align: center;
	border-radius: 8px;
	/* height: 370px; */
}
.aboutus .about_p2 .box h2{
	color: #229bbc;
	font-size: 40px;
	/* font-weight: 800; */
	font-family: HELVETICANEUELTPRO-THEX !important;
}

.products_swiper{
	position: relative;
}
.Honors{
	padding: 20px 0 40px;
}
.Honors .title_h3 p{
	font-size: 16px;
}
/* 资质 */
.zizhi{
	display: flex;
	flex-wrap: wrap;
}
.zizhi .thumb-info{
	width: 25%;
}
.zizhi .thumb-info .thumb-info-wrapper{
	padding: 10px 10px 10px 0;
}




/* 公司优势 */
.advantage{
	background: url("../images/bg2.jpg") bottom center no-repeat #fff;
	background-size: cover;
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 36px 0 87px;
}

.advantage .title_h3{
	margin: 20px 0;
}
.title_h3 p{
	font-size: 30px;
}

.advantage .col-md-3{
	/* width: 25%; */
}
.advantage  h4{
	font-weight: bold;
	font-size: 24px;
	margin: 35px 0 10px 0;

}

.advantage .td:hover img{
	/* transform:rotateY(180deg) */
}

.bg-black .mt-5{
	margin-top: 100px !important;
}
.s_title{
    font-size: 50px;
	color: #fff;
}
.s_title h4{
    font-size: 18px;
	color: #fff;
}

.banner_font{
	width: 65%;
	margin-bottom: 20px;
}


.mo{
	width: 100%;
	display: flex;
}

.mo .box{
	/* background-color: #fff; */
	width: 100%;
    /* height: 300px; */
	/* text-align: center; */
	padding: 40px 40px;
}
.mo .box .list{
	margin-bottom: 10px;
	
}
.mo .box .list>div{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.mo .box .list>div img{
	height: 20px;
}
.mo .box .list strong{
	display: block;
	margin: 0 10px;
	/* color: #333; */
	flex: 0 0 130px;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 25px;
	text-align: left;
}
.mo .box p,.mo .box p a{
	font-size: 19px;
	/* color: #274aa5; */
	font-weight: bold;

}
.contact .message{
	padding-bottom: 40px;
}
.contact .bg-white{
	margin-top: 35px;
	font-weight: bold;

}
.aboutus .content1 ul {
    margin: 20px 0;
}
.aboutus .content1 ul li {
    list-style: disc;
    margin-left: 20px;
}


/* 品控 */
.Quality{
	/* padding: 40px 0; */
}
.Quality h1{
	padding: 20px 0;
	text-align: center;
}

.Quality .detail{
	word-break:break-all;
}
.Quality .detail ol{
	margin-left: 15px;
}

.Quality .detail p,.Quality .detail span{
	/* text-wrap:nowrap !important; */
	color: rgb(51, 51, 51);
}



@media (max-width: 768px) {

		.aboutus .about_p2 .FactoryPhoto{
			margin-top: 15px;
			margin-bottom: 15px;
		}

		.aboutus .about_p2 .row .box{
			padding: 25px;
			height: 38vw;
		}

		.title_h3 h3, .title_h3 strong, .title_h3 span {
            font-size: 6.2vw !important;   
        }

		.content1{
			margin-top: 4vw;
		}

		.aboutus .about_p2 .col-md-3{
			padding: 2vw 3vw;
		}
		.aboutus .col-sm-12{
			margin-bottom: 2vw;
		}
		.aboutus .about_p2::before{
			top: 0;
			height: 123vw;
		}
		.aboutus .about_p2 .box h2{
			font-size: 6vw !important;
		}

		.aboutus .swiper-slide{
			text-align: center;
		}
		.aboutus .advantage .col-md-3 h4{
			font-size: 4.2vw !important;
		}

		.p1{
			padding: 8vw 6vw;
		}
		.p1 .col-md-6 {
			padding: 0;
		}
		.p1 .theme{
			display: none;
		}
		.p1 .ml-2{
			margin-left: 0;
			padding-left: 0;
		}

		.cou1_text {
			float: none;
			margin-left: 34vw;
			width: auto;
		}
		.slogan2 p{
			text-align: center;
			width: 100% !important;
			font-size: 3.75vw !important;
		}
		.slogan2 strong{
			font-size: 5.85vw !important;
		}

		.p2{
			margin: auto;
		}
		.p2 .row.about_imglist .img .ico{
			position: absolute;
			left: 43%;
            top: 34%;
            display: block;
            width: 15vw;
		}
		
		.p2 .row.about_imglist .txt{
			height: auto;
			padding: 10vw 6vw;
		}

		.p2 {
			display: flex;
			flex-direction: column; /* 将flex方向从左到右改为从上到下 */
		}

		.p2 .about_imglist:nth-child(2) .col-xs-12:nth-child(1) {
			order: 2; /* 将上面的div在其兄弟元素中的顺序设置为2 */
		}
		.p2 .about_imglist:nth-child(2) .col-xs-12:nth-child(2){
			order: 1; /* 将下面的div在其兄弟元素中的顺序设置为1 */
		}


		.p3{
			margin: auto;
			padding: 4vw 0;
		}
		.p3 .col-md-6 div {
			color: #333;
			padding: 8vw 9vw;
			height: auto;
			margin-bottom: 3vw;
		}


		.p4 {
			margin: 2vw;
			padding: 0;
		}

		.p4 .row .col-md-4 .box{
			padding: 6vw;
			margin-bottom: 3vw;
		}

		.links .box {
			margin-bottom: 4vw;
		}

		.p5{
			padding: 13vw 7vw;
			margin-top: 0vw;
			margin-bottom: 10vw;
		}
		.p5 p{
			font-size: 3.85vw !important;
		}


		.p6 .container{
			background-size: cover !important;
			background-position: right;
			height: auto;
			max-height: auto;
			padding: 10vw;
			margin: 6vw auto;
		}


		.p7{
			margin: auto;
		}
		.p7 .row .col-md-4 .box{
			padding: 8vw;
			margin-bottom: 3vw;
			min-height:auto !important;
			max-height:none !important;

		}
		.p7 .row .col-md-4 .box .img img{
			width: 10vw;
		}

		.p7 .row .col-md-4 .box span{
			font-size: 3.85vw !important;
		}

		.contact {
			/* margin: 0; */
			/* padding: 0 5vw; */
		}
		.contact .message .p1{
			padding: 6vw;
		}
		.contact .message .p1  .feedback .col-lg-7 .form-control{
			max-width: 210px !important;
		}
		.contact .box .font{
			padding: 3vw 4vw;
		}
		.contact .box .font p{
			
		}
		.contact .box .font p span{
			margin-top: 0.5vw;
		}
		.contact .box .font h3{
			font-size: 22px;
		}
		.contact .map{
			/* display: none; */
		
		}



		.list .td h4{
			font-size: 3.8vw;
		}
	}