body {

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

	font-size: 12px;

	font-family: "Microsoft YaHei", "Arial", "MicrosoftYaHei-Bold", "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

li,

dl,

dt,

dd {

	margin: 0;

	padding: 0;

}



input,

button {

	background: none;

	outline: none;

	border: none;
	border: none;
	appearance: none;
	-moz-appearance: none ;
	-webkit-appearance: none ;
}

ul,

ol {

	list-style: none;

}



img {

	border: none;

	display: block;

}



a {

	text-decoration: none;

	color: inherit;

	display: block;

}



.dis-n {

	display: none;

}



.dis-b {

	display: block;

}



.confix::after,

.clearfix::after {

	content: "";

	display: block;

	clear: both;

}



.yz-title {

	font-size: 32px;

	color: #5CB531;

}





.yz-subtitle {

	font-size: 36px;

	font-weight: bold;

	color: #E1E1E1;

	text-transform: uppercase;

}



.w-1500 {

	width: 1500px;

	margin: 0 auto;

}



.header {

	height: 100px;

	position: relative;

	z-index: 99;

	box-shadow: 0 2px 2px 2px #ccc;

}



.header .logo {

	float: left;

	height: 100%;

}



.header .logo a {

	/*margin-top: 33px;*/
	margin-top: 21px;

}



.header .logo a img {

	height: 100%;

}



.header .yz-nav {

	float: right;

	margin-left: 50px;

}



.header .yz-nav>li {

	float: left;

	padding: 0px 20px;

	line-height: 100px;

	font-size: 16px;

}



.header .yz-nav>li:last-child {

	padding-right: 0;

}



.header .yz-nav li i {

	display: block;

	width: 100%;

	height: 2px;

	margin-top: -2px;

	background: #fff;

	transition: 0.3s;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	-ms-transition: 0.3s;

	-o-transition: 0.3s;

}



.header .yz-nav li.arctive {

	color: #5db532;

}



.header .yz-nav li.arctive i,

.header .yz-nav li:hover i {

	background: #5db532;

}



.header .yz-nav>li:hover>a {

	color: #5db532;

}





.yz-subnav {

	width: 100%;

	background: #fff;

	font-size: 12px;

	text-align: left;

	position: absolute;

	left: 0;

	top: 100px;

	height: 0;

	overflow: hidden;

	opacity: 0;

	visibility: hidden;

	transition: all .3s;

	box-shadow: 0 4px 10px -7px rgba(0, 0, 0, .3);

	margin-top: 20px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	z-index: 99;

}



.yz-subnav ol {

	padding: 10px 0;

}



.yz-subnav ol li {

	line-height: 60px;
	box-sizing: border-box;
	width: 20%;

	float: left;

	margin: 0 !important;

	border-right: 1px solid #ccc;

}



.yz-subnav ol li:hover a {

	background-color: #5db532;

	color: #fff;

}



.yz-subnav a {

	transition: .5s;

	padding: 0 10px;

	box-sizing: border-box;

	color: #333;

	width: 100%;

	display: block;

	color: #333;

	font-size: 18px;

	text-align: center;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-ms-transition: .5s;

	-o-transition: .5s;

}



.yz-nav>li:hover .yz-subnav {

	height: auto;

	opacity: 1;

	visibility: visible;

	margin-top: 0;

}



.lang {
	float: right;
	margin-left: 50px;
	line-height: 100px;
}
.lang strong{
	margin: 0 15px;
}

.lang span {
	display: inline-block;
}
.lang span a{font-size: 16px;}
.lang span a:hover{
	color: #5db331;
}
.lang span img {
	display: block;
	width: 20px;
}


.lang i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.pho-num {
	float: right;
	line-height: 100px;
	font-size: 18px;
	color: #5CB531;
}

.pho-num i {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin-right: 5px;
	vertical-align: middle;
}

.pho-num i img {
	display: block;
	width: 100%;
}





/********************** banner **********************/

.banner {

	width: 100%;

	min-width: 1100px;

	overflow: hidden;

	position: relative;

}



.banner img {

	width: 100%;

}



.banner .swiper-slide {

	position: relative;

}



.banner .swiper-slide .banner-det {

	position: absolute;

	top: 20%;

	left: 10%;

	width: 680px;

}



.banner .swiper-slide .banner-det .banner-tit {

	font-size: 42px;

	color: #FFF;

	line-height: 70px;

	font-weight: bold;

	letter-spacing: 2px;

}



.banner .swiper-slide .banner-det .banner-cont {

	font-size: 18px;

	color: #fff;

	line-height: 30px;

}



.banner .swiper-slide .banner-det a {

	width: 120px;

	height: 48px;

	line-height: 48px;

	font-size: 18px;

	margin-top: 30px;

	color: #FFFFFF;

	text-align: center;

	border: 2px solid #FFFFFF;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	-ms-border-radius: 8px;

	-o-border-radius: 8px;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

	-moz-transition: 0.3s all;

	-ms-transition: 0.3s all;

	-o-transition: 0.3s all;

}



.banner .swiper-slide .banner-det a:hover {

	border: 2px solid #5db532;

	background-color: #5db532;

}



.banner .mouse {

	position: absolute;

	bottom: 50px;

	width: 100%;

	z-index: 99;

}



.banner .mouse span {

	display: block;

	width: 100%;

	text-align: center;

	color: #fff;

	letter-spacing: 2px;

}



.banner .mouse i {

	display: block;

	font-size: 46px;

	margin-top: 10px;

	color: #fff;

	text-align: center;

}



@keyframes up {

	0% {

		transform: translateY(0px);

		-webkit-transform: translateY(0px);

		-moz-transform: translateY(0px);

		-ms-transform: translateY(0px);

		-o-transform: translateY(0px);

	}



	50% {

		transform: translateY(-10px);

		-webkit-transform: translateY(-10px);

		-moz-transform: translateY(-10px);

		-ms-transform: translateY(-10px);

		-o-transform: translateY(-10px);

	}



	100% {

		transform: translateY(0);

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		-o-transform: translateY(0);

	}

}



.banner .mouse i {

	animation: up 2s infinite linear;

	-webkit-animation: up 2s infinite linear;

}





/*************************** 关于 ********************/

.about {

	padding: 70px 0;

	background: url("../images/about_bg.jpg")no-repeat;

	background-position: center;

}





.about .hd {

	height: 120px;

	margin-top: 40px;
	display: flex;
}



.about .hd .item {

	text-align: center;

	width: 250px;

	height: 100%;

	font-size: 16px;

	float: left;

	position: relative;

	background: #fff;

	cursor: pointer;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.about .hd .item.on,

.about .hd .item:hover {

	background: #5CB531;

	color: #fff;

}



.about .hd .item.on i,

.about .hd .item:hover i {

	color: #fff;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.about .hd .item::after {

	content: "";

	display: block;

	width: 1px;

	height: 62px;

	background: #E5E5E5;

	position: absolute;

	right: 0;

	top: 32px;

}



.about .hd .item:last-child:after {

	display: none;

}



.about .hd .on.item::after,

.about .hd .item:hover::after {

	display: none;

}



.about .hd .item i {

	display: block;

	margin: 30px auto 10px;

	font-size: 30px;

	color: #999;

}



.about .bd {

	width: 810px;

}



.about .bd .about-cont {

	margin-top: 30px;

}



.about .bd .about-t {

	position: relative;

}



.about .bd .about-t .abt-tit {

	font-size: 56px;

	color: #5CB531;

	position: relative;

	z-index: 2;

}



.about .bd .about-t .abt-subtit {

	font-size: 64px;

	font-family: Verdana;

	font-weight: bold;

	color: #EDEDED;

	line-height: 26px;

	position: absolute;

	left: 0;

	top: -10px;

	z-index: 1;

	text-transform: uppercase;

}



.about .bd .about-cont .about-info {

	margin-top: 75px;

	font-size: 18px;

	color: #444;

	line-height: 32px;

}



/***************解决方案 *****************/

.solutions {

	margin: 80px 0;

}



.solutions .solu-cont {

	margin-top: 40px;

}



.solu-box {

	height: 350px;

	margin-bottom: 1px;

	display: flex;

	justify-content: space-between;

}



.solu-box .solu-box-list {

	float: left;

	height: 100%;

	position: relative;

	overflow: hidden;

}



.solu-bg1 {

	background: #F0F0F0;

}



.solu-bg2 {

	background: #F7F7F7;

}



.solu-wth1 {

	width: calc(50% - 1px);

}



.solu-wth2 {

	width: calc(33.3% - 1px)
}



.solu-box-index1 {

	height: 120px;

	width: 120px;

	position: absolute;

	bottom: 40px;

	right: 40px;

	overflow: hidden;

	background: #000;

	border-radius: 60px;

	transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

}



.solu-box-index1 img {

	right: 0px;

	bottom: 0px;

	width: auto;

	position: absolute;

	max-width: none;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.solu-box-index2 {

	position: absolute;

	top: 50px;

	left: 40px;

	width: 65%;

}



.solu-box-index2 p {

	font-size: 14px;

	color: #666;

	line-height: 26px;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}



.solu-box-index2 p:nth-of-type(2) {

	margin-top: 30px;

}



.solu-box-index2 p span {

	display: block;

	padding-bottom: 30px;

	font-size: 22px;

	color: #222;

}



.solu-box-list:hover .solu-box-index2 p {

	color: #fff;

}



.solu-box-list:hover .solu-box-index2 p span {

	color: #fff;

}



.solu-box-list:hover .solu-box-index1 {

	width: 100%;

	height: 100%;

	right: 0;

	bottom: 0;

	border-radius: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

}



.solu-box-list:hover .solu-box-index1 img {



	opacity: 0.5;

}



/***************品牌合作 *****************/



.brand {

	background: url("../images/hzpp_bg.jpg")no-repeat;

	background-position: center;

	padding: 180px 0;

}



.brand-l {

	display: inline-block;
	vertical-align: middle;
	width: 500px;

}



.brand-l .brand-cont {

	font-size: 16px;

	color: #444;

	line-height: 32px;

	margin-top: 40px;

}



.brand-l .brand-more {

	font-size: 16px;

	color: #444;

	width: 130px;

	margin-top: 60px;

	text-align: center;

	line-height: 40px;

	background: #FFF;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

	-moz-transition: 0.3s all;

	-ms-transition: 0.3s all;

	-o-transition: 0.3s all;

}



.brand-l .brand-more:hover {

	color: #5CB531;

}



.brand-r {

	display: inline-block;
	vertical-align: middle;
	width: 980px;

	margin-left: 10px;

}



.brand-r ul {

	margin-bottom: 30px;

	display: flex;

	justify-content: center;

}



.brand-r ul li {

	width: 190px;

	height: 165px;

	margin: 0 30px;

	background: url("../images/box.png")no-repeat;

	background-size: 100%;

	background-position: center;

	position: relative;

	transition: .5s all;

	-webkit-transition: .5s all;

	-moz-transition: .5s all;

	-ms-transition: .5s all;

	-o-transition: .5s all;

}



.brand-r ul li:hover {

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);

}



.brand-r ul li img {

	max-width: 70%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

}



.news {

	margin: 100px 0;

}



.news .w-1500 {

	position: relative;



}



.news .hd {

	position: absolute;

	right: 0;

	top: 30px;

}



.news .hd .item {

	display: inline-block;

	padding: 0 25px;

	font-size: 16px;

	position: relative;

	cursor: pointer;

	color: #222;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	-o-transition: 0.5s all;

}





.news .hd .item::after {

	content: "";

	display: block;

	height: 10px;

	width: 1px;

	background: #666;

	position: absolute;

	right: 0;

	top: 6px;

}



.news .hd .item:last-child:after {

	display: none;

}



.news .hd .item.on,

.news .hd .item:hover {

	color: #5CB531;

}



.news .hd .item.on::before,

.news .hd .item:hover::before {

	content: "";

	display: block;

	width: 22px;

	height: 2px;

	background: #5CB531;

	position: absolute;

	bottom: -10px;

	left: calc(50% - 11px);

}



.news .bd {

	margin-top: 60px;

}



.news .bd ul {

	display: flex;

	justify-content: space-between;

}



.news .bd ul li {

	width: 358px;

	background: #fff;

	border: 1px solid #EEEEEE;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

	-moz-transition: 0.3s all;

	-ms-transition: 0.3s all;

	-o-transition: 0.3s all;

}



.news .bd ul li:hover {

	box-shadow: 0px 4px 10px 3px rgba(92, 92, 92, 0.09);

}



.news .bd ul li .news-img {

	height: 210px;

	overflow: hidden;

}



.news .bd ul li .news-img img {

	width: 100%;

	transition: 0.8s all ease-in-out;

	-webkit-transition: 0.8s all ease-in-out;

	-moz-transition: 0.8s all ease-in-out;

	-ms-transition: 0.8s all ease-in-out;

	-o-transition: 0.8s all ease-in-out;

}



.news .bd ul li:hover .news-img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}



.news .bd ul li .news-tit {

	padding: 20px 0;

	margin: 0 10px;

	border-bottom: 1px solid #eee;

}



.news .bd ul li .news-tit p {

	font-size: 14px;

	font-weight: bold;

	display: inline-block;

	width: 70%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.news .bd ul li .news-tit span {

	color: #999;

	font-size: 12px;

	width: 25%;

	text-align: right;

	float: right;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	-o-transition: 0.5s all;

}



.news .bd ul li .news-cont {

	font-size: 14px;

	color: #666;

	line-height: 26px;

	height: 78px;

	padding: 0 10px;

	margin: 15px 0;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}



.news .bd ul li:hover .news-tit p,

.news .bd ul li:hover .news-tit span {

	color: #5CB531;

}





/***************** footer ****************/

.footer {

	background: #4A4D51;

	padding: 60px 0;

	border-bottom: 1px solid #626262;

	;

}



.footer .f-left {

	width: 250px;

	display: inline-block;

	vertical-align: top;

}



.footer .f-left .foot-logo {

	margin: 0 auto 71px;

	width: auto;

}



.footer .f-left .link {

	text-align: center;

}



.footer .f-left .link a {

	display: inline-block;
	position: relative;

	margin: 0 10px;

	opacity: 0.7;

	transition: 0.3s;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	-ms-transition: 0.3s;

	-o-transition: 0.3s;

}

.footer .f-left .link a>img {
	width: 35px;
	height: 35px;
}

.footer .f-left .link a .wechat-box {
	position: absolute;
	height: 100px;
	width: 100px;
	bottom: 50px;
	left: calc(50% - 20px);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s all;
}

.footer .f-left .link a .dy-box {
	width: 200px;
	height: 200px;
	left: calc(50% - 100px);
}

.footer .f-left .link a:hover .wechat-box {
	opacity: 1;
	visibility: visible;
}

.footer .f-left .link a .wechat-box img {
	width: 100%;
}


.footer .f-left .link a:hover {

	opacity: 1;

}



.footer .f-center {

	display: inline-flex;
	justify-content: space-between;
	vertical-align: top;

	width: 1000px;

	padding: 0 50px;

	box-sizing: border-box;

	position: relative;

}



.footer .f-center::after {

	content: "";

	position: absolute;

	right: 0;

	top: 30px;

	width: 1px;

	height: 180px;

	background: url("../images/line.png")no-repeat;

}



.footer .f-center::before {

	content: "";

	position: absolute;

	left: 0;

	top: 30px;

	width: 1px;

	height: 180px;

	background: url("../images/line.png")no-repeat;

}



.footer .f-center dl {

	float: left;


}



.footer .f-center dl dt {

	font-size: 16px;

	font-weight: bold;

	color: #FFF;

	margin-bottom: 30px;

}



.footer .f-center dl dd {

	font-size: 14px;

	color: #AEAEAE;

	line-height: 20px;

	margin-bottom: 15px;

	/* max-width: 130px; */

	white-space: nowrap;

}

.footer .f-center dl dd:hover {

	color: #fff;

}

/* .footer .f-center dl:last-child dd {

	max-width: 310px;

}
 */


.f-right {

	display: inline-block;

	width: 240px;

}



.f-right p {

	font-size: 14px;

	color: #A2A2A2;

	margin: 15px 0;

	text-align: center;

}



.f-right .code {

	width: 132px;

	height: 132px;

	margin: 0 auto;

}



.f-right .code img {

	width: 100%;

	height: 100%;

}



.copy-r {

	height: 70px;

	background: #4A4D51;

}



.copy-r p {

	font-size: 14px;

	color: #7A7A7A;

	line-height: 70px;

	display: inline-block;

	margin-right: 20px;

}



.copy-r p a {

	display: inline-block;

	margin-left: 10px;

}



.copy-r p a:hover {

	color: #fff;

}


.lxwm_foot a{
	display: inline-block !important;
}
@media screen and (max-width: 1520px) {

	.w-1500 {

		width: 1200px;

	}



	.yz-title {

		font-size: 28px;

	}



	.yz-subtitle {

		font-size: 32px;

	}



	.header .yz-nav {

		margin-left: 15px;

	}



	.header .yz-nav>li {

		padding: 0px 15px;

	}

	.lang {
		margin-left: 30px;
	}

	.solu-box {

		height: 300px;

	}

	.banner .swiper-slide .banner-det {
		left: 5%;
	}



	.solu-box-index1 {

		height: 90px;

		width: 90px;

		bottom: 20px;

		right: 20px;

	}



	.brand {

		padding: 120px 0;

	}



	.brand-l {

		width: 400px;

	}



	.brand-r {

		width: 780px;

	}



	.brand-r ul li {

		margin: 0 10px;

	}



	.brand-r ul li img {

		width: 120px;

	}



	.news .bd ul li {

		width: 24%;

	}



	.news .bd ul li .news-img img {

		width: auto;

		height: 100%;

	}



	.footer .f-left {

		width: 200px;

	}



	.footer .f-center dl {

		margin-right: 20px;

	}



	.footer .f-center {

		width: 790px;

	}



	.f-right {

		width: 200px;

	}

	.footer .f-center {
		padding: 0 25px;
	}

	.footer .f-center dl {
		margin-right: 10px;
	}

}

/*.logoh1{
	position: relative;
}
.logoh1 img{
	display: inline-block !important;
}
.logoh1 p{
	position: absolute;
	display: inline;
	top: 0;
	right: 0;
}*/