@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure,figcaption {
	margin:0;
	padding:0;
	text-align: left;

}
html,body {
	margin:0;
	padding:0;
	background: #fff !important;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	color: #333;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a,p,span{
	color: #333;

}
/* CSS Document */
body{font-size:14px;color:#333;font-family: "微软雅黑";width: 100%;
}
a:hover{}
input,select,button,a{ text-decoration:none; outline:none;}
.main img{
	width: 100%;
	height: 100%;
}
p{
	margin:0 0;
	padding: 0 0;
}
/* 大屏幕 */
@media(min-width: 1210px){
	.indexConpyImg2{
		display: none;
	}
	#layui-layer2{
		top:120px !important;
	}
	.indexWapBanner{
		display: none;
	}
	/*没有产品 - 提示*/
	.goodsNo{
		width: 100%;
		float: left;
		margin-top:30px;
	}
	.goodsNo img{
		width: 200px;
		margin: 0 auto;
		display: block;
	}
	.goodsNo p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top:20px;
	}
	/*nav*/
	.mes_cont{
		width: 1210px;
		float: left;
		margin-left:calc(50% - 605px);
		margin-top:20px;
		margin-bottom: 40px;
	}
	.mes_tit{
		width: 100%;
		float: left;
		padding-bottom: 20px;
		border-bottom:1px solid #f2f5f8;
	}
	.mes_tit_sp{
		width: 100%;
		float: left;
		font-size: 18px;
		color: #333;
		line-height: 30px;
		text-align: center;
	}
	.mes_tit_time{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #2c2c2c;
		text-align: center;
		margin-top:16px;
	}
	.mes_detai_con{
		width: 100%;
		float: left;
		margin-top:30px;
	}
	.PhoneTopNav{
		display: none;
	}
	.animated{
		display: none;
	}
	/*首页 顶部+banner*/
	.indexBannerAndTop{
		width: 100%;
		float: left;
		height: 100%;
		position: relative;
	}
	.topPosition{
		width: 100%;
		position: absolute;
		top:0;
		left:0;
		z-index: 999;
		background: url("/Public/changsheng/images/topBack.png") no-repeat top center;
		height: 201px;
	}
	.topPositionBody{
		width: 1210px;
		float: left;
		margin-left: calc(50% - 605px);
	}
	.indexBannerAndTopNav{
		width: calc(50% - 152.5px);
		float: left;
	}
	.indexBannerAndTopNavli{
		width: 33.33%;
		float: left;
		text-align: center;
		font-size: 16px;
		color: #fff;
		line-height: 80px;
	}
	.indexNavLast{
		width: 33.33%;
		float: left;
		position: relative;
	}
	.indexNavLast p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 16px;
		color: #fff;
		line-height: 80px;
	}
	.indexNavLastLI{
		background: #fff;
		width: 100%;
		position: absolute;
		z-index: 99;
		top: 70px;
		left: 0;
		display: none;
	}
	.indexNavLastLI a{
		float: left;
		width: 100%;
		font-size: 14px;
		color: #333;
		line-height: 50px;
		text-align: center;
		border-bottom: 1px dashed #f2f5f8;
	}
	.indexNavLastLI a:hover{
		background: #409f66;
		color: #fff;
	}
	.indexBannerAndTopNav2{
		width: calc(50% - 152.5px);
		float: right;
	}
	.indexBannerAndTopNav2 a{
		width: 33.33%;
		float: left;
		text-align: center;
		font-size: 16px;
		color: #fff;
		line-height: 80px;
	}
	/*首页关于我们*/
	.idnexAbout{
		width: 1210px;
		float: left;
		margin: 40px calc(50% - 605px);
	}
	.idnexAboutTit{
		width: 40%;
		float: left;
		margin-left: 30%;
		margin-top: 40px;
	}
	.idnexAboutList{
		width: 100%;
		margin-top: 70px;
		float: left;
	}
	.idnexAboutList img{
		width: 196px;
		float: left;
		-webkit-transition: -webkit-transform 0.8s ease-out;
		-moz-transition: -moz-transform 0.8s ease-out;
		-o-transition: -o-transform 0.8s ease-out;
		-ms-transition: -ms-transform 0.8s ease-out;
	}
	.idnexAboutList img:hover{
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		-o-transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
	.idnexAboutListLine{
		width: 80px;
		float: left;
		margin: 100px 30px;
		background: #228d4d;
		height: 1px;
	}
	.idnexAboutText{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.idnexAboutTextLi{
		width: 30.66%;
		float: left;
		margin-left: 2%;
	}
	.idnexAboutTextLi p{
		font-size: 14px;
		float: left;
		color: #333;
		text-align: center;
		width: 100%;
	}
	.idnexAboutTextLi span{
		font-size: 12px;
		float: left;
		color: #676767;
		text-align: center;
		margin-top: 10px;
		width: 100%;
	}
	.idnexAboutTextLi h3{
		font-size: 16px;
		float: left;
		color: #333;
		text-align: center;
		margin-top: 10px;
		width: 100%;
	}
	.indexAboutTextCon{
		width: 1210px;
		float: left;
		margin: 40px calc(50% - 605px);
		position: relative;
		height: 350px;
	}
	.indexAboutTextConPOsition_1{
		width: 100px;
		position: absolute;
		top: 0;
		left: 20px;
		z-index: 2;
	}
	.indexAboutTextConPOsition_2{
		width: 100px;
		position: absolute;
		bottom: 80px;
		right: 20px;
		z-index: 2;
	}
	.indexAboutTextConP{
		width: 90%;
		position: absolute;
		top: 40px;
		left: 5%;
		z-index: 1;
	}
	.indexAboutTextConP p{
		width: 100%;
		font-size: 14px;
		float: left;
		color: #333;
		line-height: 32px;
	}
	.indexAboutTextConP a{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 60px;
		text-align: center;
	}
	.indexAboutTextConP a:hover{
		color: #eb5346;
	}
	.cd-fixed-background .cd-content {
		width: 50%;
		position: absolute;
		left: 5%;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-fixed-background .cd-content::after {
		display: none !important;
	}
	.indexCon1{
		width: 100%;
		float: left;
	}
	.cd-fixed-background.img-1 {
		background-image: url("/Public/changsheng/images/indexAbout_7.png");
		background-repeat: no-repeat;
		background-size: cover;
	}
	.indexCon2{
		width: 100%;
		float: left;
	}
	.cd-fixed-background.img-2 {
		background-image: url("/Public/changsheng/images/indexProductBack.png");
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 900px;
	}
	.indexCon3{
		width: 100%;
		float: left;
	}
	.cd-fixed-background.img-3 {
		background-image: url("/Public/changsheng/images/indexNewBack.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-4 {
		background-image: url("/Public/luzhimi/images/about_6.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-5 {
		background-image: url("/Public/luzhimi/images/about_9.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-6 {
		background-image: url("/Public/luzhimi/images/about_10.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-7 {
		background-image: url("/Public/luzhimi/images/about_11.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	/*首页荣誉资质*/
	.indexCertificate{
		width: 1210px;
		float: left;
		margin: 80px calc(50% - 605px) 40px;
	}
	.indexCertificateTit{
		width: 40%;
		float: left;
		margin-left: 30%;
		margin-bottom: 60px;
	}
	.indexCertificateLi{
		width: 30.66%;
		float: left;
		margin-left: 2%;
		border-radius: 20px;
		margin-top: 20px;
        height: 230px;
	}
	.indexCertificateMore{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 40px;
		text-align: center;
	}
	.indexCertificateMore:hover{
		color: #eb5346;
	}
	/*产品展示*/
	.indexProductBody{
		width: 1210px;
		float: left;
		margin: 20px calc(50% - 605px);
	}
	.indexProductBodyTit{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.indexProductBodyTit img{
		width: 30%;
		float: left;
	}
	.indexProductBodyTit a{
		padding: 10px 20px;
		float: right;
		margin-right: 20px;
		background: #228b4c;
		color: #fff;
		border-radius: 40px;
		font-size: 14px;
		line-height: 20px;
		margin-top: 16px;
	}
	.indexProductBodyTit a:hover{
		color: #228b4c;
		background: #fff;
	}
	.indexProductBodyList{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.indexProductBodyList li{
		width: calc(22.5% - 20px);
		float: left;
		margin-left: 2%;
		padding: 10px;
		background: #fff;
		border-radius: 10px;
		margin-top: 10px;
	}
	.indexProductBodyList li:hover{
		background: #228b4c;
	}
	.indexProductBodyListLiImg_1{
		width: 250px;
		height: 250px;
		display: block;
		margin: 0 auto;
		border-radius: 10px;
	}
	.indexProductBodyListLiImg_2{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.indexProductBodyList li p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top: 10px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.indexProductBodyList li span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top: 4px;
	}
	/*梅花鹿*/
	.indexConpyImg{
		width: 1210px;
		float: left;
		margin: 60px calc(50% - 605px) 0;
	}
	/*新闻*/
	.indexNewsBody{
		width: 1210px;
		float: left;
		background: rgba(255,255,255,0.95);
		border-radius: 10px;
		margin: 60px calc(50% - 605px);
		padding: 20px 0;
	}
	.indexNewsBodyLi{
		width: 47%;
		float: left;
		margin-left: 2%;
	}
	.indexNewsBodyLiTit{
		width: 100%;
		float: left;
		padding-bottom: 10px;
		border-bottom: 1px solid #d2d2d2;
	}
	.indexNewsBodyLiTit img{
		width: 20px;
		float: left;
	}
	.indexNewsBodyLiTit p{
		float: left;
		font-size: 14px;
		color: #333;
		margin-left: 10px;
		margin-top: 2px;
	}
	.indexNewsBodyLiTit a {
		float: right;
		font-size: 14px;
		color: #333;
		margin-right: 10px;
		margin-top: 6px;
	}
	.indexNewsBodyLiList{
		width: 100%;
		float: left;
	}
	.indexNewsBodyLiList li{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.indexNewsBodyLiListLiLeft{
		width: 80%;
		float: left;
	}
	.indexNewsBodyLiListLiLeft p{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin-top: 6px;
	}
	.indexNewsBodyLiListLiLeft p:hover{
		color: #228b4c;
	}
	.indexNewsBodyLiListLiLeft span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #737373;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin-top: 10px;
	}
	.indexNewsBodyLiListLiRight{
		width: 15%;
		float: right;
		background: #fff;
		border: 1px solid #cbcbcb;
		padding: 10px 0;
	}
	.indexNewsBodyLiListLiRight p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #737373;
	}
	.indexNewsBodyLiListLiRight span{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #333;
		margin-top: 6px;
	}
	/*foot*/
	.idnexLink{
		width: 100%;
		float: left;
	}
	.indexLinkTit{
		width: 100%;
		background: url("/Public/changsheng/images/indexLink.png") no-repeat top center;
		float: left;
		min-height: 120px;
	}
	.indexLinkList{
		width: 1210px;
		float: left;
		margin: 60px calc(50% - 605px);
	}
	.indexLinkList a{
		float: left;
		margin-top: 10px;
		font-size: 14px;
		color: #333;
	}
	.indexLinkList a:hover{
		color: #228d4d;
	}
	.indexFootNav{
		width: 100%;
		float: left;
		background: #f2f5f8;
		padding: 20px 0;
		margin-top: 20px;
	}
	.indexFootNavBack{
		width: 1210px;
		float: left;
		margin-left: calc(50% - 605px);
	}
	.indexFootNavBack a{
		width: 16.66%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #333333;
	}
	.indexFootNavBack a:hover{
		width: 16.66%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #228d4d;
	}
	.footBodyBack{
		width: 100%;
		float: left;
	}
	.footBody{
		width: 100%;
		float: left;
		background: #228d4d;
	}
	.footBodyTop{
		width: 1210px;
		float: left;
		margin-left: calc(50% - 605px);
		padding: 0 0 30px;
	}
	.footBodyTopLeft{
		width: 70%;
		float: left;
	}
	.footBodyTopLeftLogo{
		width: 80%;
		float: left;
		margin-top: 40px;
	}
	.footBodyTopLeft p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #fff;
		line-height: 40px;
		margin-top: 30px;
	}
	.footBodyTopRight{
		width: 30%;
		float: left;
		margin-top: 90px;
	}
	.footBodyTopRightLi{
		width: 47%;
		float: left;
		margin-left: 2%;
	}
	.footBodyTopRightLi img{
		width: 120px;
		height: 120px;
		margin: 0 auto;
		display: block;
	}
	.footBodyTopRightLi p{
		font-size: 14px;
		color: #fff;
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 20px;
		line-height: 24px;
	}
	.footBodyBottom{
		width: 100%;
		float: left;
		background: #171918;
		padding: 20px 0;
	}
	.footBodyBottom p{
		width: 1210px;
		float: left;
		margin-left: calc(50% - 605px);
		text-align: center;
		font-size: 14px;
		color: #868686;
	}
	/*nav*/
	.indexNavBody{
		width: 1210px;
		margin-left:calc(50% - 605px);
		float: left;
	}
	.indexNav{
		width: 100%;
		float: left;
		padding: 10px 0;
	}
	.indexNav li{float:left; display:block; height: 50px; line-height: 50px; position: relative;
		width: 14.28%;
		font-size: 14px;
		text-align: center;
		color: #fff;
	}
	.indexNav li a{
		color: #fff;
	}
	.indexNav li:hover{color: #00c0ff;}
	.indexNav li ul li{float: none;width: 100%;color: #fff;}
	/*关键一：将二级菜单设置为display：none;*/
	.indexNav li ul{background:#fff;position: absolute;top:50px;left: 0; display: none;width: 100%;color: #333;border: 1px solid #f2f5f8;z-index: 999;
		max-height: 500px;
		overflow-y: auto;
	}

	.indexNav li ul::-webkit-scrollbar {
		width: 8px;
		/*height: 4px;*/
		border-radius: 10px;
	}
	.indexNav li ul::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
		background: rgba(0,0,0,0.1);
	}
	.indexNav li ul::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
		border-radius: 10px;
		background: rgba(0,0,0,0.1);

	}

	.indexNav li ul li{
		width: 100%;
		border-bottom:1px solid #f2f5f8;
		float: left;

	}
	.indexNav li ul li p{
		color: #333;
		float: left;
		text-align: center;
		font-size: 14px;
		width: 100%;
	}
	.indexNav li ul li p:hover{background: #00c0ff;
		color: #fff;}
	/*关键二：在划过二级菜单从属的一级菜单时，设置为display:block;*/
	.indexNav li:hover ul{display: block;}
	.indexNavSearch{
		width: 20%;
		float: left;
	}
	.indexNavSearchLeft{
		width: calc(100% - 32px);
		float: left;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		border:1px solid #f2f5f8;
		padding: 10px 0;
		margin-top:16px;
	}
	.indexNavSearchLeft p{
		width: calc(96% - 30px);
		float: left;
		font-size: 14px;
		color: #b0afaf;
		overflow: hidden;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		margin-left:2%;
		line-height: 20px;
	}
	.indexNavSearchLeft img{
		width: 20px;
		float: left;
	}
	.indexNavSearchRight{
		width: 24px;
		float: right;
		margin-top:25px;
	}
	.indexNavSearchRight img{
		width: 100%;
		float: left;
	}
	/* index banner*/
	.ft-carousel {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 98;
		top: 0;
		left: 0;
	}

	.ft-carousel .carousel-inner {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	}

	.ft-carousel .carousel-inner .carousel-item {
		float: left;
		height: 100%;
	}

	.ft-carousel .carousel-item img {
		width: 100%;
		height:100%;
	}

	.ft-carousel .carousel-indicators {
		position: absolute;
		left: 0;
		bottom: 20px;
		width: 100%;
		text-align: center;
		font-size: 0;
	}

	.ft-carousel .carousel-indicators span {
		display: inline-block;
		width: 12px;
		height: 12px;
		background-color: #333;
		margin: 0 4px;
		border-radius: 50%;
		cursor: pointer;
	}

	.ft-carousel .carousel-indicators span.active {
		background-color: #52ca1d;
	}

	.ft-carousel .carousel-btn {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 45px;
		margin-top: -25px;
		cursor: pointer;
	}

	.ft-carousel .carousel-prev-btn {
		left: 0;
		background: url(../img/prev.png) no-repeat;
	}

	.ft-carousel .carousel-next-btn {
		right: 0;
		background: url(../img/next.png) no-repeat;
	}
	/*page*/
	.page{
		float:left;
		width: 96%;
		margin-top:40px;
		margin-left:2%;
	}
	.page span,.page a{
		height:34px;
		float: left;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		border:1px solid #e9e9e9;
		background: #fff;
		color: #333;
		font-size: 14px;
		line-height: 36px;
		text-align: center;
		margin-left: 10px;
		padding: 0 20px;
	}
	.page a:hover{color: #3178ed;border-color: #3178ed;}
	.page .current{color: #3178ed; border-color: #3178ed;}

		/*foot*/
		.foot{
			width: 100%;
			float: left;
			background: url("/Public/haocheng/images/foot_4.png") no-repeat center ;
			background-size: cover;
			height:150px;
		}
		.footTop{
			width: 1210px;
			float: left;
			margin-left:calc(50% - 605px);
		}
		.footTop p{
			width: 100%;
			float: left;
			font-size:20px;
			color: #fff;
			text-align: center;
			margin-top:40px;
		}
		.footTopTel{
			width: 100%;
			display: inherit;
			text-align: center;
		}
		.footTopTel img{
			width: 40px;
			margin-top:20px;
			display: inline;
		}
		.footTopTel a{
			font-size:30px;
			color: #fff;
		}
		.footTopTel span{
			font-size:18px;
			color: #fff;
		}
		.indexFootConBack{
			width: 100%;
			float: left;
			background: #131313;
			padding: 20px 0;
			margin-top:26px;
		}
		.indexFootCon{
			width: 1210px;
			float: left;
			margin-left:calc(50% - 605px);
		}
		.indexFootConTit{
			width: 260px;
			float: left;
			margin-top:30px;
		}
		.indexFootTop1{
			width: 100%;
			float: left;
		}
		.indexFootTop1Left{
			width: 50%;
			float: left;
			margin-top:30px;
		}
		.indexFootTop1LeftLi{
			width: 100%;
			float: left;
			margin-top:16px;
		}
		.indexFootTop1LeftLi img{
			width: 34px;
			float: left;
		}
		.indexFootTop1LeftLi p{
			width: calc(100% - 44px);
			float: left;
			margin-left:10px;
			font-size: 14px;
			margin-top:10px;
			color: #fff;
		}
		.indexFootTop1Right{
			width: 50%;
			float: left;
		}
		.indexFootTop1RightLi{
			width: 100%;
			float: left;
			margin-left:2%;
			margin-top:80px;
		}
		.indexFootTop1RightLi img{
			width: 100px;
			height:100px;
			display: block;
			margin: 0 auto;
		}
		.indexFootTop1RightLi p{
			width: 100%;
			float: left;
			font-size: 14px;
			line-height: 24px;
			color: #fff;
			text-align: center;
			margin-top:20px;
		}
		.footLink{
			width: 100%;
			float: left;
		}
		.footLink p{
			width: calc(100% - 40px);
			float: left;
			font-size: 16px;
			color: #fff;
			margin-top:8px;
			margin-left:10px;
		}
		.footLink img{
			width: 30px;
			float: left;
		}
		.footLink p span{
			font-size: 14px;
		}
		.footLinkA{
			width: 100%;
			float: left;
		}
		.footLinkA a{
			font-size: 14px;
			color: #fff;
			float: left;
			margin-right:30px;
			margin-top:20px;
		}
		.indexFootTop2{
			width: 100%;
			float: left;
			margin-top:20px;
			padding-top: 20px;
			border-top:1px solid #d4d4d4;
			font-size: 12px;
			color: #fff;
			text-align: center;
		}


	/*	关于我们 - 企业概况*/
	.aboutSurvey{
		width: 100%;
		background: url("/Public/changsheng/images/aboutBanner.png") no-repeat center;
		background-size: cover;
		height: 600px;
		position: absolute;
		top: 0;
		z-index: 1;
		left: 0;
	}
	.aboutSurveyTop_1{
		width: 1210px;
		float: left;
		margin-left: calc(50% - 605px);
		margin-top: 600px;
	}
	.abourSurveyNav{
		width: 100%;
		float: left;
	}
	.abourSurveyNav ul{
		width: 100%;
		float: left;
		background: #f7f8f9;
	}
	.abourSurveyNav ul li{
		width: 14%;
		float: left;
	}
	.abourSurveyNav ul li a{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		text-align: center;
		padding: 24px 0;
	}
	.abourSurveyNavLiLine{
		width: 1px;
		float: left;
		background: #e9e9e9;
		height: 34px;
		margin-top: 18px;
	}
	.abourSurveyNavLiOn{
		width: 100%;
		float: left;
		border-bottom: 3px solid #e73b3e;
	}
	.aboutSurveyTop_1Con{
		width: 96%;
		float: left;
		margin-left: 2%;
		margin-top: 30px;
	}
	.aboutSurveyTop_1Con p{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		line-height: 34px;
		text-align: justify;
	}
	.aboutSurveyTop_1Con img{
		width: 40%;
		float: left;
		margin: 40px 30%;
	}
	.aboutSurveyTop_2{
		background: url("/Public/changsheng/images/about_2.png") no-repeat center;
		background-size: cover;
		width: 100%;
		float: left;
		height: 400px;
	}
	.aboutSurveyTop_2Con{
		width: 1210px;
		float: left;
		margin-left: calc(50% - 605px);
	}
	.aboutSurveyTop_2ConText{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #fff;
		line-height: 34px;
		margin-top: 44px;
		text-align: justify;
	}
	.aboutSurveyTop_2ConUl{
		width: 100%;
		float: left;
	}
	.aboutSurveyTop_2ConUlLi{
		width: 33.33%;
		float: left;
		margin-top: 30px;
	}
	.aboutSurveyTop_2ConUlLi p{
		width: 100%;
		float: left;
		font-size: 34px;
		color: #fff;
		text-align: center;
	}
	.aboutSurveyTop_2ConUlLi span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #fff;
		text-align: center;
		margin-top: 10px;
	}
	.aboutSurveyTop_3{
		width: 1210px;
		float: left;
		margin: 40px calc(50% - 605px);

	}
	.aboutSurveyTop_3 img{
		width: 47%;
		float: left;
		margin-left: 2%;
	}
	.abourSurveyNavBack{
		text-align: right;
		float: right;
		text-decoration: underline;
		font-size: 14px;
		color: #333;
		margin-top: 26px;
		margin-right: 10px;
	}
	/*	企业文化*/
	.aboutCultureCon_1{
		width: calc(100% - 40px);
		margin-top: 20px;
		float: left;
		padding: 20px;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 4px 10px #f7f8f9;
	}
	.aboutCultureCon_1Top{
		width: 100%;
		float: left;
		border-bottom: 1px dashed #a0a0a0;
		padding-bottom: 20px;
	}
	.aboutCultureCon_1Left{
		width: 50%;
		float: left;
	}
	.aboutCultureCon_1Left p{
		width: 100%;
		float: left;
		font-size: 18px;
		color: #228d4d;
	}
	.aboutCultureCon_1Left span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 20px;
	}
	.aboutCultureCon_1Bottom{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.aboutCultureCon_1BottomLeft{
		width: 50%;
		float: left;
	}
	.aboutCultureCon_1BottomLeftTit{
		width: 100%;
		float: left;
		font-size: 18px;
		color: #228d4d;
	}
	.aboutCultureCon_1BottomLeft ul{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.aboutCultureCon_1BottomLeft ul li{
		width: 25%;
		float: left;
	}
	.aboutCultureCon_1BottomLeft ul li img{
		width: 40px;
		float: left;
	}
	.aboutCultureCon_1BottomLeft ul li p{
		float: left;
		font-size: 14px;
		color: #333;
		margin-left: 10px;
		margin-top: 12px;
	}
	.aboutCultureCon_2{
		float: left;
		width: 100%;
		margin: 30px 0;
	}
	.aboutCultureTime{
		width: 100%;
		float: left;
	}
	.aboutCultureTimeLeftCon{
		width: 100%;
		float: left;
	}
	.aboutCultureTimeLeft{
		width: 50%;
		float: left;
	}
	.aboutCultureTimeLeftText{
		width: calc(100% - 40px);
		float: left;
	}
	.aboutCultureTimeLeftText p{
		width: 100%;
		float: left;
		font-size: 34px;
		color: #333;
		text-align: right;
	}
	.aboutCultureTimeLeftText span{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		margin-top: 20px;
		text-align: right;
		line-height: 30px;
	}
	.aboutCultureTimeLeftImg{
		width: 20px;
		float: right;
	}
	.aboutCultureTimeRight{
		width: 50%;
		float: left;
		margin-left: calc(50% - 20px);
	}
	.aboutCultureTimeRIghtImg{
		width: 20px;
		float: left;
	}
	.aboutCultureTimeRightText{
		width: calc(100% - 40px);
		float: left;
		margin-left: 10px;
	}
	.aboutCultureTimeRightText p{
		width: 100%;
		float: left;
		font-size: 34px;
		color: #333;
	}
	.aboutCultureTimeRightText span{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		margin-top: 20px;
		line-height: 30px;
	}
/*	荣誉资质*/
	.aboutHonor{
		width: 100%;
		float: left;
		margin-top: 40px;
	}
	.aboutHonorTit{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		text-align: center;
	}
	.aboutHonorList{
		width: 100%;
		float: left;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.aboutHonorList li{
		width: 30.66%;
		float: left;
		margin-left: 2%;
		margin-top: 10px;
		border:1px solid #f2f5f8;
		border-radius: 10px;
	}
	.aboutHonorList li img{
		width: 100%;
		float: left;
		height: 230px;
		border-radius: 10px;
	}
	.aboutHonorBack{
		width: 100%;
		float: left;
	}
/*	公司风采 */
	.aboutSceneryCon{
		width: 100%;
		float: left;
		margin: 40px 0;
	}
	.aboutSceneryCon_1{
		float: left;
	}
	.aboutSceneryCon_2{
		float: left;
	}
/*	销售网络*/
	.aboutSale{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 30px;
		text-align: center;
		line-height: 34px;
	}
	.aboutSale span{
		font-size: 18px;
		width: 100%;
		float: left;
	}
	.aboutSaleBack{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/indexAbout_7.png") no-repeat center;
		background-size: cover;
		height: 100%;
		margin-top: 40px;
	}
/*	产品展示*/
	.porductBanner{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/productBack.png") no-repeat center;
		background-size: cover;
		height: 600px;
		margin-top: 40px;
	}
	.porductCon{
		width: 1210px;
		float: left;
		margin: 50px calc(50% - 605px);
	}
	.porductConLeft{
		width: 20%;
		float: left;
	}
	.porductConLeftTit{
		width: 100%;
		float: left;
	}
	.porductConList{
		width: 78%;
		float: right;

	}
	.porductConListTit{
		width: 100%;
		float: left;
		margin-top: 20px;
		border-bottom: 1px solid #f2f5f8;
		padding-bottom: 20px;
	}
	.porductConListTit a:hover{
		color: #19a250;
	}
	.porductConListUl{
		width: 100%;
		float: left;
	}
	.porductConListUlLI{
		width: 30.66%;
		float: left;
		margin-left: 2%;
		margin-top: 20px;
	}
	.porductConListUlLI img{
		width: 280px;
		height: 280px;
		margin: 0 auto;
		display: block;
		border-radius: 10px;
	}
	.porductConListUlLI p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
		line-height: 24px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
/*	招商加盟*/
	.joinBack{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/joinBack.png") no-repeat center;
		background-size: cover;
		height: 600px;
		margin-top: 40px;
	}
	.joinCon_1{
		width: 100%;
		float: left;
		margin-top: 40px;
	}
	.joinCon_1Tit{
		width: 370px;
		margin: 20px auto;
		display: block;
	}
	.joinCon_1List{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.joinCon_1List li{
		width: 33.33%;
		float: left;
		position: relative;
		height: 400px;
	}
	.joinCon_1List li img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.joinCon_1ListLi{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
	}
	.joinCon_1ListLi p{
		 width: 100%;
		 float: left;
		 font-size:32px;
		 color: #fff;
		 text-align: center;
		 margin-top: 160px;
	}
	.joinCon_1ListLi span{
		width: 100%;
		float: left;
		font-size:20px;
		color: #fff;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
	}
	.joinCon_2{
		width: 1210px;
		float: left;
		margin-left: calc(50% - 605px);
	}
	.joinCon_2Tit1 {
		width: 270px;
		margin: 40px auto;
		display: block;
	}
	.roll .wrap{width:100%;overflow: hidden; height: 190px;margin: 20px auto;position: relative;float: left}
	.roll li{float: left;list-style: none;width: 300px;height: 190px;margin-left: 10px}
	.roll ul{position: absolute;top: 0;left: 0;}
	.roll li img{
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
	.joinCon_2Tit2{
		width: 160px;
		margin: 40px auto;
		display: table-caption;
	}
	.joinCon_2Tit3{
		width: 100%;
		margin: 20px auto;
		display: table-caption;
	}
	.joinCon_2Tit4{
		width: 100%;
		float: left;
		margin-top: 40px;
		border-top: 1px solid #f2f5f8;
		padding-top: 40px;
	}
	.joinCon_2Tit4Text{
		width: 100%;
		float: left;
		font-size:24px;
		color: #333;
		text-align: center;
	}
	.joinCon_2Tit4Text span{
		width: 100%;
		float: left;
		font-size:16px;
		margin-top: 10px;
		color: #333;
		text-align: center;
	}
	.joinCon_2Tit4Text2{
		width: 100%;
		float: left;
		font-size:18px;
		color: #219f18;
		text-align: center;
		margin-top: 50px;
	}
	.joinCon_2Tit4Text3{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.joinCon_2Tit4Text3_left{
		width: 49%;
		float: left;
	}
	.joinCon_2Tit4Text3_left a{
		float: right;
		font-size:24px;
		color: #333;
		margin-top: 10px;
	}
	.joinCon_2Tit4Text3_left img{
		float: right;
		width: 40px;
		margin-right: 20px;
	}
	.joinCon_2Tit4Text3_Right{
		width: 49%;
		float: right;
	}
	.joinCon_2Tit4Text3_Right img{
		float: left;
		width: 40px;
		margin-right: 20px;
	}
	.joinCon_2Tit4Text3_Right a{
		float: left;
		font-size:24px;
		color: #333;
		margin-top: 10px;
	}
	.joinCon_3{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/join_12.png") no-repeat;
		height: 640px;
		margin-top: 60px;
	}
	.joinCon_3Con{
		width: 1210px;
		float: left;
		margin-left: calc(50% - 605px);
		margin-top: 30px;
	}
	.joinCon_3ConTit{
		width: 100%;
		float: left;
	}
	.joinCon_3ConTit p{
		width: 100%;
		float: left;
		font-size: 24px;
		color: #333;
		text-align: center;
		margin-top: 30px;
	}
	.joinCon_3ConTit span{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		text-align: center;
		margin-top: 20px;
	}
	.joinCon_3ConList{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.joinCon_3ConListInput{
		width: calc(30.66% - 20px);
		float: left;
		margin-left: 2%;
		background: #fff;
		border-radius: 4px;
		padding: 14px 10px;
		border: 1px solid #f2f5f8;
		margin-top: 20px;
		font-size: 14px;
		color: #333;
	}
	.joinCon_3ConListTextarea{
		width: calc(93% - 20px);
		padding: 10px;
		float: left;
		background: #fff;
		border-radius: 4px;
		border: 1px solid #f2f5f8;
		margin-left: 2%;
		margin-top: 20px;
		min-height: 200px;
		font-size: 14px;
		color: #333;
	}
	.joinCon_2Tit3Wap{
		display: none;
	}
	.joinCon_3ConListButton{
		width: 60%;
		float: left;
		background: #228d4d;
		padding: 20px 0;
		color: #fff;
		border-radius: 4px;
		border: none;
		font-size: 16px;
		margin-left: 20%;
		margin-top: 30px;
	}
/*	联系我们*/
	.contactBanenr{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/contactBack.png") no-repeat center;
		background-size: cover;
		height: 600px;
		margin-top: 40px;
	}
	.contactText{
		width: 1210px;
		margin-left: calc(50% - 605px);
		text-align: center;
		float: left;
		font-size: 16px;
		line-height: 36px;
		color: #333;
		margin-top: 30px;
	}
	.contactCode{
		width: 40%;
		margin-left: 30%;
		float: left;
	}
	.contactTextLi{
		width: 30%;
		float: left;
		margin-left: 13.33%;
		margin-top: 30px;
	}
	.contactTextLi img{
		width: 140px;
		height: 140px;
		margin: 0 auto;
		display: block;
	}
	.contactTextLi p{
		float: left;
		font-size: 14px;
		width: 100%;
		color: #333;
		text-align: center;
		line-height: 30px;
	}
	.contactConMap{
		width: 100%;
		float: left;
		margin-top: 30px;
		border-top: 1px solid #f2f5f8;
		padding-top: 30px;
	}
	.contactConMapTit{
		width: 100%;
		float: left;
		font-size: 20px;
		text-align: center;
		color: #333;
	}
	.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
	.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	#dituContent{
		width:100%;
		height:450px;
		margin-top: 40px;
		float: left;
	}
/*	新闻资讯*/
	.newsBanner{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/news.png") no-repeat center;
		background-size: cover;
		height: 600px;
		margin-top: 40px;
	}
	.newsMenu {
		width: 100%;
		float: left;
	}
	.newsMenu a{
		width: 100%;
		float: left;
		padding: 24px 0;
		text-align: center;
		font-size: 14px;
		color: #333;
		background: #f2f5f8;
		margin-top: 1px;
	}
	.newsMenu a:hover{
		background: #19a250;
		color: #fff;
	}
	.newsMenuLiOn{
		background: #19a250 !important;
		color: #fff !important;;
	}
	.newsList{
		width: 78%;
		float: right;
	}
	.newsListLi{
		width: 100%;
		float: left;
		margin-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #f2f5f8;
	}
	.newsListLi p{
		width: 100%;
		float: left;
		color: #333;
		font-size: 14px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.newsListLi span{
		width: 100%;
		float: left;
		color: #666;
		font-size: 14px;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		line-height: 24px;
		margin-top: 14px;
	}
	.newsListLi h4{
		width: 100%;
		float: left;
		color: #ccc;
		font-size: 14px;
		line-height: 24px;
		margin-top: 10px;
	}
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media(min-width:769px) and (max-width:1209px){
	.indexWapBanner{
		display: none;
	}
	.indexConpyImg2{
		display: none;
	}
	#layui-layer2{
		top:120px !important;
	}
	.abourSurveyNavBack{
		display: none;
	}
	/*没有产品 - 提示*/
	.goodsNo{
		width: 100%;
		float: left;
		margin-top:30px;
	}
	.goodsNo img{
		width: 200px;
		margin: 0 auto;
		display: block;
	}
	.goodsNo p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top:20px;
	}
	/*nav*/
	.mes_cont{
		width: 769px;
		float: left;
		margin-left:calc(50% - 384.5px);
		margin-top:20px;
		margin-bottom: 40px;
	}
	.mes_tit{
		width: 100%;
		float: left;
		padding-bottom: 20px;
		border-bottom:1px solid #f2f5f8;
	}
	.mes_tit_sp{
		width: 100%;
		float: left;
		font-size: 18px;
		color: #333;
		line-height: 30px;
		text-align: center;
	}
	.mes_tit_time{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #2c2c2c;
		text-align: center;
		margin-top:16px;
	}
	.mes_detai_con{
		width: 100%;
		float: left;
		margin-top:30px;
	}
	.PhoneTopNav{
		display: none;
	}
	.animated{
		display: none;
	}
	/*首页 顶部+banner*/
	.indexBannerAndTop{
		width: 100%;
		float: left;
		height: 100%;
		position: relative;
	}
	.topPosition{
		width: 100%;
		position: absolute;
		top:0;
		left:0;
		z-index: 999;
		background: url("/Public/changsheng/images/topBack.png") no-repeat top center;
		height: 201px;
	}
	.topPositionBody{
		width: 769px;
		float: left;
		margin-left: calc(50% - 384.5px);
	}
	.indexBannerAndTopNav{
		width: calc(50% - 122.5px);
		float: left;
	}
	.indexBannerAndTopNavli{
		width: 33.33%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #fff;
		line-height: 80px;
	}
	.indexNavLast{
		width: 33.33%;
		float: left;
		position: relative;
	}
	.indexNavLast p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #fff;
		line-height: 80px;
	}
	.indexNavLastLI{
		background: #fff;
		width: 100%;
		position: absolute;
		z-index: 99;
		top: 70px;
		left: 0;
		display: none;
	}
	.indexNavLastLI a{
		float: left;
		width: 100%;
		font-size: 12px;
		color: #333;
		line-height: 40px;
		text-align: center;
		border-bottom: 1px dashed #f2f5f8;
	}
	.indexNavLastLI a:hover{
		background: #409f66;
		color: #fff;
	}
	.indexBannerAndTopNav2{
		width: calc(50% - 122.5px);
		float: right;
	}
	.indexBannerAndTopNav2 a{
		width: 33.33%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #fff;
		line-height: 80px;
	}
	/*首页关于我们*/
	.idnexAbout{
		width: 769px;
		float: left;
		margin: 40px calc(50% - 384.5px);
	}
	.idnexAboutTit{
		width: 40%;
		float: left;
		margin-left: 30%;
	}
	.idnexAboutList{
		width: 100%;
		margin-top: 40px;
		float: left;
	}
	.idnexAboutList img{
		width: 106px;
		float: left;
		-webkit-transition: -webkit-transform 0.8s ease-out;
		-moz-transition: -moz-transform 0.8s ease-out;
		-o-transition: -o-transform 0.8s ease-out;
		-ms-transition: -ms-transform 0.8s ease-out;
	}
	.idnexAboutList img:hover{
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		-o-transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
	.idnexAboutListLine{
		width: 54px;
		float: left;
		margin: 40px 30px;
		background: #228d4d;
		height: 1px;
	}
	.idnexAboutText{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.idnexAboutTextLi{
		width: 30.66%;
		float: left;
		margin-left: 2%;
	}
	.idnexAboutTextLi p{
		font-size: 14px;
		float: left;
		color: #333;
		text-align: center;
		width: 100%;
	}
	.idnexAboutTextLi span{
		font-size: 12px;
		float: left;
		color: #676767;
		text-align: center;
		margin-top: 10px;
		width: 100%;
		line-height: 20px;
	}
	.idnexAboutTextLi h3{
		font-size: 16px;
		float: left;
		color: #333;
		text-align: center;
		margin-top: 10px;
		width: 100%;
	}
	.indexAboutTextCon{
		width: 769px;
		float: left;
		margin:  0 calc(50% - 384.5px);
		position: relative;
		height: 440px;
	}
	.indexAboutTextConPOsition_1{
		width: 100px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.indexAboutTextConPOsition_2{
		width: 100px;
		position: absolute;
		bottom: 80px;
		right: 0;
		z-index: 2;
	}
	.indexAboutTextConP{
		width: 90%;
		position: absolute;
		top: 40px;
		left: 5%;
		z-index: 1;
	}
	.indexAboutTextConP p{
		width: 100%;
		font-size: 14px;
		float: left;
		color: #333;
		line-height: 32px;
	}
	.indexAboutTextConP a{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 60px;
		text-align: center;
	}
	.indexAboutTextConP a:hover{
		color: #eb5346;
	}
	.cd-fixed-background .cd-content {
		width: 50%;
		position: absolute;
		left: 5%;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-fixed-background .cd-content::after {
		display: none !important;
	}
	.indexCon1{
		width: 100%;
		float: left;
	}
	.cd-fixed-background.img-1 {
		background-image: url("/Public/changsheng/images/indexAbout_7.png");
		background-repeat: no-repeat;
		background-size: cover;
	}
	.indexCon2{
		width: 100%;
		float: left;
	}
	.cd-fixed-background.img-2 {
		background-image: url("/Public/changsheng/images/indexProductBack.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.indexCon3{
		width: 100%;
		float: left;
	}
	.cd-fixed-background.img-3 {
		background-image: url("/Public/changsheng/images/indexNewBack.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-4 {
		background-image: url("/Public/luzhimi/images/about_6.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-5 {
		background-image: url("/Public/luzhimi/images/about_9.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-6 {
		background-image: url("/Public/luzhimi/images/about_10.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-7 {
		background-image: url("/Public/luzhimi/images/about_11.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	/*首页荣誉资质*/
	.indexCertificate{
		width: 769px;
		float: left;
		margin: 30px calc(50% - 384.5px) 20px;
	}
	.indexCertificateTit{
		width: 40%;
		float: left;
		margin-left: 30%;
		margin-bottom: 10px;
	}
	.indexCertificateLi{
		width: 30.66%;
		float: left;
		margin-left: 2%;
		border-radius: 20px;
		margin-top: 20px;
        height: 150px;
	}
	.indexCertificateMore{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 20px;
		text-align: center;
	}
	.indexCertificateMore:hover{
		color: #eb5346;
	}
	/*产品展示*/
	.indexProductBody{
		width: 769px;
		float: left;
		margin: 40px calc(50% - 384.5px) 0;
	}
	.indexProductBodyTit{
		width: 100%;
		float: left;
	}
	.indexProductBodyTit img{
		width: 30%;
		float: left;
	}
	.indexProductBodyTit a{
		padding: 8px 20px;
		float: right;
		margin-right: 20px;
		background: #228b4c;
		color: #fff;
		border-radius: 40px;
		font-size: 14px;
		line-height: 20px;
		margin-top: 6px;
	}
	.indexProductBodyTit a:hover{
		color: #228b4c;
		background: #fff;
	}
	.indexProductBodyList{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.indexProductBodyList li{
		width: calc(22.5% - 20px);
		float: left;
		margin-left: 2%;
		padding: 10px;
		background: #fff;
		border-radius: 10px;
		margin-top: 10px;
	}
	.indexProductBodyList li:hover{
		background: #228b4c;
	}
	.indexProductBodyListLiImg_1{
		width: 150px;
		height: 150px;
		display: block;
		border-radius: 10px;
		margin: 0 auto;
	}
	.indexProductBodyListLiImg_2{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.indexProductBodyList li p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top: 10px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.indexProductBodyList li span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top: 4px;
	}
	/*梅花鹿*/
	.indexConpyImg{
		width: 769px;
		float: left;
		margin: 30px calc(50% - 384.5px) 0;
	}
	/*新闻*/
	.indexNewsBody{
		width: 769px;
		float: left;
		background: rgba(255,255,255,0.95);
		border-radius: 10px;
		margin: 60px calc(50% - 384.5px);
		padding: 20px 0;
		height: 76%;
	}
	.indexNewsBodyLi{
		width: 96%;
		float: left;
		margin-left: 2%;
	}
	#indexNewsBodyLiSamsll{
		display: none;
	}
	.indexNewsBodyLiTit{
		width: 100%;
		float: left;
		padding-bottom: 10px;
		border-bottom: 1px solid #d2d2d2;
	}
	.indexNewsBodyLiTit img{
		width: 20px;
		float: left;
	}
	.indexNewsBodyLiTit p{
		float: left;
		font-size: 14px;
		color: #333;
		margin-left: 10px;
		margin-top: 2px;
	}
	.indexNewsBodyLiTit a {
		float: right;
		font-size: 14px;
		color: #333;
		margin-right: 10px;
		margin-top: 6px;
	}
	.indexNewsBodyLiList{
		width: 100%;
		float: left;
	}
	.indexNewsBodyLiList li{
		width: 47%;
		float: left;
		margin-top: 10px;
		margin-left: 2%;
	}
	.indexNewsBodyLiListLiLeft{
		width: 80%;
		float: left;
	}
	.indexNewsBodyLiListLiLeft p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin-top: 6px;
	}
	.indexNewsBodyLiListLiLeft p:hover{
		color: #228b4c;
	}
	.indexNewsBodyLiListLiLeft span{
		width: 100%;
		float: left;
		font-size: 12px;
		color: #737373;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin-top: 10px;
	}
	.indexNewsBodyLiListLiRight{
		width: 15%;
		float: right;
		background: #fff;
		border: 1px solid #cbcbcb;
		padding: 6px 0;
	}
	.indexNewsBodyLiListLiRight p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #737373;
	}
	.indexNewsBodyLiListLiRight span{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #333;
		margin-top: 6px;
	}
	/*foot*/
	.idnexLink{
		width: 100%;
		float: left;
	}
	.indexLinkTit{
		width: 100%;
		background: url("/Public/changsheng/images/indexLink.png") no-repeat top center;
		float: left;
		min-height: 120px;
	}
	.indexLinkList{
		width: 769px;
		float: left;
		margin: 20px calc(50% - 384.5px);
	}
	.indexLinkList a{
		float: left;
		margin-top: 10px;
		font-size: 14px;
		color: #333;
	}
	.indexLinkList a:hover{
		color: #228d4d;
	}
	.indexFootNav{
		width: 100%;
		float: left;
		background: #f2f5f8;
		padding: 20px 0;
		margin-top: 20px;
	}
	.indexFootNavBack{
		width: 769px;
		float: left;
		margin-left: calc(50% - 384.5px);
	}
	.indexFootNavBack a{
		width: 16.66%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #333333;
	}
	.indexFootNavBack a:hover{
		width: 16.66%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #228d4d;
	}
	.footBodyBack{
		width: 100%;
		float: left;
	}
	.footBody{
		width: 100%;
		float: left;
		background: #228d4d;
	}
	.footBodyTop{
		width: 769px;
		float: left;
		margin-left: calc(50% - 384.5px);
		padding: 0 0 30px;
	}
	.footBodyTopLeft{
		width: 70%;
		float: left;
	}
	.footBodyTopLeftLogo{
		width: 80%;
		float: left;
		margin-top: 40px;
	}
	.footBodyTopLeft p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #fff;
		line-height: 40px;
		margin-top: 30px;
	}
	.footBodyTopRight{
		width: 30%;
		float: left;
		margin-top: 90px;
	}
	.footBodyTopRightLi{
		width: 47%;
		float: left;
		margin-left: 2%;
	}
	.footBodyTopRightLi img{
		width: 80px;
		height: 80px;
		margin: 0 auto;
		display: block;
	}
	.footBodyTopRightLi p{
		font-size: 14px;
		color: #fff;
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 20px;
		line-height: 24px;
	}
	.footBodyBottom{
		width: 100%;
		float: left;
		background: #171918;
		padding: 20px 0;
	}
	.footBodyBottom p{
		width: 769px;
		float: left;
		margin-left: calc(50% - 384.5px);
		text-align: center;
		font-size: 12px;
		color: #868686;
	}
	/*nav*/
	.indexNavBody{
		width: 1210px;
		margin-left:calc(50% - 605px);
		float: left;
	}
	.indexNav{
		width: 100%;
		float: left;
		padding: 10px 0;
	}
	.indexNav li{float:left; display:block; height: 50px; line-height: 50px; position: relative;
		width: 14.28%;
		font-size: 14px;
		text-align: center;
		color: #fff;
	}
	.indexNav li a{
		color: #fff;
	}
	.indexNav li:hover{color: #00c0ff;}
	.indexNav li ul li{float: none;width: 100%;color: #fff;}
	/*关键一：将二级菜单设置为display：none;*/
	.indexNav li ul{background:#fff;position: absolute;top:50px;left: 0; display: none;width: 100%;color: #333;border: 1px solid #f2f5f8;z-index: 999;
		max-height: 500px;
		overflow-y: auto;
	}

	.indexNav li ul::-webkit-scrollbar {
		width: 8px;
		/*height: 4px;*/
		border-radius: 10px;
	}
	.indexNav li ul::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
		background: rgba(0,0,0,0.1);
	}
	.indexNav li ul::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
		border-radius: 10px;
		background: rgba(0,0,0,0.1);

	}

	.indexNav li ul li{
		width: 100%;
		border-bottom:1px solid #f2f5f8;
		float: left;

	}
	.indexNav li ul li p{
		color: #333;
		float: left;
		text-align: center;
		font-size: 14px;
		width: 100%;
	}
	.indexNav li ul li p:hover{background: #00c0ff;
		color: #fff;}
	/*关键二：在划过二级菜单从属的一级菜单时，设置为display:block;*/
	.indexNav li:hover ul{display: block;}
	.indexNavSearch{
		width: 20%;
		float: left;
	}
	.indexNavSearchLeft{
		width: calc(100% - 32px);
		float: left;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		border:1px solid #f2f5f8;
		padding: 10px 0;
		margin-top:16px;
	}
	.indexNavSearchLeft p{
		width: calc(96% - 30px);
		float: left;
		font-size: 14px;
		color: #b0afaf;
		overflow: hidden;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		margin-left:2%;
		line-height: 20px;
	}
	.indexNavSearchLeft img{
		width: 20px;
		float: left;
	}
	.indexNavSearchRight{
		width: 24px;
		float: right;
		margin-top:25px;
	}
	.indexNavSearchRight img{
		width: 100%;
		float: left;
	}
	/* index banner*/
	.ft-carousel {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 98;
		top: 0;
		left: 0;
	}

	.ft-carousel .carousel-inner {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	}

	.ft-carousel .carousel-inner .carousel-item {
		float: left;
		height: 100%;
	}

	.ft-carousel .carousel-item img {
		width: 100%;
		height:100%;
	}

	.ft-carousel .carousel-indicators {
		position: absolute;
		left: 0;
		bottom: 20px;
		width: 100%;
		text-align: center;
		font-size: 0;
	}

	.ft-carousel .carousel-indicators span {
		display: inline-block;
		width: 12px;
		height: 12px;
		background-color: #333;
		margin: 0 4px;
		border-radius: 50%;
		cursor: pointer;
	}

	.ft-carousel .carousel-indicators span.active {
		background-color: #52ca1d;
	}

	.ft-carousel .carousel-btn {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 45px;
		margin-top: -25px;
		cursor: pointer;
	}

	.ft-carousel .carousel-prev-btn {
		left: 0;
		background: url(../img/prev.png) no-repeat;
	}

	.ft-carousel .carousel-next-btn {
		right: 0;
		background: url(../img/next.png) no-repeat;
	}
	/*page*/
	.page{
		float:left;
		width: 96%;
		margin-top:40px;
		margin-left:2%;
	}
	.page span,.page a{
		height:34px;
		float: left;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		border:1px solid #e9e9e9;
		background: #fff;
		color: #333;
		font-size: 14px;
		line-height: 36px;
		text-align: center;
		margin-left: 10px;
		padding: 0 20px;
	}
	.page a:hover{color: #3178ed;border-color: #3178ed;}
	.page .current{color: #3178ed; border-color: #3178ed;}


	/*	关于我们 - 企业概况*/
	.aboutSurvey{
		width: 100%;
		background: url("/Public/changsheng/images/aboutBanner.png") no-repeat center;
		background-size: cover;
		height: 500px;
		position: absolute;
		top: 0;
		z-index: 1;
		left: 0;
	}
	.aboutSurveyTop_1{
		width: 769px;
		float: left;
		margin-left: calc(50% - 384.5px);
		margin-top: 500px;
	}
	.abourSurveyNav{
		width: 100%;
		float: left;
	}
	.abourSurveyNav ul{
		width: 100%;
		float: left;
		background: #f7f8f9;
	}
	.abourSurveyNav ul li{
		width: calc(20% - 2px);
		float: left;
	}
	.abourSurveyNav ul li a{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		text-align: center;
		padding: 20px 0;
	}
	.abourSurveyNavLiLine{
		width: 1px;
		float: left;
		background: #e9e9e9;
		height: 34px;
		margin-top: 18px;
	}
	.abourSurveyNavLiOn{
		width: 100%;
		float: left;
		border-bottom: 2px solid #e73b3e;
	}
	.aboutSurveyTop_1Con{
		width: 96%;
		float: left;
		margin-left: 2%;
		margin-top: 20px;
	}
	.aboutSurveyTop_1Con p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		line-height: 24px;
		text-align: justify;
	}
	.aboutSurveyTop_1Con img{
		width: 60%;
		float: left;
		margin: 20px 20%;
	}
	.aboutSurveyTop_2{
		background: url("/Public/changsheng/images/about_2.png") no-repeat center;
		background-size: cover;
		width: 100%;
		float: left;
		height: 400px;
	}
	.aboutSurveyTop_2Con{
		width: 769px;
		float: left;
		margin-left: calc(50% - 384.5px);
	}
	.aboutSurveyTop_2ConText{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #fff;
		line-height: 28px;
		margin-top: 34px;
		text-align: justify;
	}
	.aboutSurveyTop_2ConUl{
		width: 100%;
		float: left;
	}
	.aboutSurveyTop_2ConUlLi{
		width: 33.33%;
		float: left;
		margin-top: 30px;
	}
	.aboutSurveyTop_2ConUlLi p{
		width: 100%;
		float: left;
		font-size: 34px;
		color: #fff;
		text-align: center;
	}
	.aboutSurveyTop_2ConUlLi span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #fff;
		text-align: center;
		margin-top: 10px;
	}
	.aboutSurveyTop_3{
		width: 769px;
		float: left;
		margin: 40px calc(50% - 384.5px);

	}
	.aboutSurveyTop_3 img{
		width: 47%;
		float: left;
		margin-left: 2%;
	}





	/*	企业文化*/
	.aboutCultureCon_1{
		width: calc(100% - 40px);
		margin-top: 20px;
		float: left;
		padding: 20px;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 4px 10px #f7f8f9;
	}
	.aboutCultureCon_1Top{
		width: 100%;
		float: left;
		border-bottom: 1px dashed #a0a0a0;
		padding-bottom: 20px;
	}
	.aboutCultureCon_1Left{
		width: 48%;
		float: left;
	}
	.aboutCultureCon_1Left p{
		width: 100%;
		float: left;
		font-size: 18px;
		color: #228d4d;
	}
	.aboutCultureCon_1Left span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 20px;
		line-height: 24px;
	}
	.aboutCultureCon_1Bottom{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.aboutCultureCon_1BottomLeft{
		width: 48%;
		float: left;
	}
	.aboutCultureCon_1BottomLeftTit{
		width: 100%;
		float: left;
		font-size: 18px;
		color: #228d4d;
	}
	.aboutCultureCon_1BottomLeft ul{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.aboutCultureCon_1BottomLeft ul li{
		width: 25%;
		float: left;
	}
	.aboutCultureCon_1BottomLeft ul li img{
		width: 34px;
		float: left;
	}
	.aboutCultureCon_1BottomLeft ul li p{
		float: left;
		font-size: 14px;
		color: #333;
		margin-left: 10px;
		margin-top: 12px;
	}
	.aboutCultureCon_2{
		float: left;
		width: 100%;
		margin: 30px 0;
	}
	.aboutCultureTime{
		width: 100%;
		float: left;
	}
	.aboutCultureTimeLeftCon{
		width: 100%;
		float: left;
	}
	.aboutCultureTimeLeft{
		width: 50%;
		float: left;
	}
	.aboutCultureTimeLeftText{
		width: calc(100% - 40px);
		float: left;
	}
	.aboutCultureTimeLeftText p{
		width: 100%;
		float: left;
		font-size: 34px;
		color: #333;
		text-align: right;
	}
	.aboutCultureTimeLeftText span{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		margin-top: 20px;
		text-align: right;
		line-height: 30px;
	}
	.aboutCultureTimeLeftImg{
		width: 20px;
		float: right;
	}
	.aboutCultureTimeRight{
		width: 50%;
		float: left;
		margin-left: calc(50% - 20px);
	}
	.aboutCultureTimeRIghtImg{
		width: 20px;
		float: left;
	}
	.aboutCultureTimeRightText{
		width: calc(100% - 40px);
		float: left;
		margin-left: 10px;
	}
	.aboutCultureTimeRightText p{
		width: 100%;
		float: left;
		font-size: 34px;
		color: #333;
	}
	.aboutCultureTimeRightText span{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		margin-top: 20px;
		line-height: 30px;
	}

	/*	荣誉资质*/
	.aboutHonor{
		width: 100%;
		float: left;
		margin-top: 40px;
	}
	.aboutHonorTit{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		text-align: center;
	}
	.aboutHonorList{
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.aboutHonorList li{
		width: 30.66%;
		float: left;
		margin-left: 2%;
		margin-top: 10px;
	}
	.aboutHonorList li img{
		width: 100%;
		float: left;
		height: 150px;
		border-radius: 10px;
	}
	.aboutHonorBack{
		width: 100%;
		float: left;
	}


	/*	公司风采 */
	.aboutSceneryCon{
		width: 100%;
		float: left;
		margin: 40px 0;
	}
	.aboutSceneryCon_1{
		float: left;
		width: 60%;
	}
	.aboutSceneryCon_2{
		float: left;
		width: 40%;
	}

	/*	销售网络*/
	.aboutSale{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 30px;
		text-align: center;
		line-height: 34px;
	}
	.aboutSale span{
		font-size: 18px;
		width: 100%;
		float: left;
	}
	.aboutSaleBack{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/indexAbout_7.png") no-repeat center;
		background-size: cover;
		height: 700px;
		margin-top: 40px;
	}

	/*	产品展示*/
	.porductBanner{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/productBack.png") no-repeat center;
		background-size: cover;
		height: 500px;
		margin-top: 40px;
	}
	.porductCon{
		width: 769px;
		float: left;
		margin: 50px calc(50% - 384.5px);
	}
	.porductConLeft{
		width: 20%;
		float: left;
	}
	.porductConLeftTit{
		width: 100%;
		float: left;
	}
	.porductConList{
		width: 78%;
		float: right;
	}
	.porductConListTit{
		width: 100%;
		float: left;
		margin-top: 20px;
		border-bottom: 1px solid #f2f5f8;
		padding-bottom: 20px;
	}
	.porductConListTit a:hover{
		color: #19a250;
	}
	.porductConListUl{
		width: 100%;
		float: left;
	}
	.porductConListUlLI{
		width: 30.66%;
		float: left;
		margin-left: 2%;
		margin-top: 20px;
	}
	.porductConListUlLI img{
		width: 100%;
		height: 180px;
		float: left;
		border-radius: 10px;
	}
	.porductConListUlLI p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		margin-top: 20px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}


	/*	招商加盟*/
	.joinBack{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/joinBack.png") no-repeat center;
		background-size: cover;
		height: 500px;
		margin-top: 40px;
	}
	.joinCon_1{
		width: 100%;
		float: left;
		margin-top: 40px;
	}
	.joinCon_1Tit{
		width: 370px;
		margin: 20px auto;
		display: block;
	}
	.joinCon_1List{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.joinCon_1List li{
		width: 33.33%;
		float: left;
		position: relative;
		height: 260px;
	}
	.joinCon_1List li img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.joinCon_1ListLi{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
	}
	.joinCon_1ListLi p{
		width: 100%;
		float: left;
		font-size:32px;
		color: #fff;
		text-align: center;
		margin-top: 100px;
	}
	.joinCon_1ListLi span{
		width: 100%;
		float: left;
		font-size:20px;
		color: #fff;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
	}
	.joinCon_2{
		width: 769px;
		float: left;
		margin-left: calc(50% - 384.5px);
	}
	.joinCon_2Tit1 {
		width: 270px;
		margin: 40px auto;
		display: block;
	}
	.roll .wrap{width:100%;overflow: hidden; height: 190px;margin: 0 auto;position: relative;float: left}
	.roll li{float: left;list-style: none;width: 300px;height: 190px;margin-left: 10px}
	.roll ul{position: absolute;top: 0;left: 0;}
	.roll li img{
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
	.joinCon_2Tit2{
		width: 20%;
		margin: 40px 40%;
		float: left;
	}
	.joinCon_2Tit3{
		width: 100%;
		margin: 20px auto;
		display: table-caption;
	}
	.joinCon_2Tit4{
		width: 100%;
		float: left;
		margin-top: 40px;
		border-top: 1px solid #f2f5f8;
		padding-top: 40px;
	}
	.joinCon_2Tit4Text{
		width: 100%;
		float: left;
		font-size:24px;
		color: #333;
		text-align: center;
	}
	.joinCon_2Tit4Text span{
		width: 100%;
		float: left;
		font-size:16px;
		margin-top: 10px;
		color: #333;
		text-align: center;
	}
	.joinCon_2Tit4Text2{
		width: 100%;
		float: left;
		font-size:18px;
		color: #219f18;
		text-align: center;
		margin-top: 50px;
	}
	.joinCon_2Tit4Text3{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.joinCon_2Tit4Text3_left{
		width: 49%;
		float: left;
	}
	.joinCon_2Tit4Text3_left a{
		float: right;
		font-size:24px;
		color: #333;
		margin-top: 10px;
	}
	.joinCon_2Tit4Text3_left img{
		float: right;
		width: 40px;
		margin-right: 20px;
	}
	.joinCon_2Tit4Text3_Right{
		width: 49%;
		float: right;
	}
	.joinCon_2Tit4Text3_Right img{
		float: left;
		width: 40px;
		margin-right: 20px;
	}
	.joinCon_2Tit4Text3_Right a{
		float: left;
		font-size:24px;
		color: #333;
		margin-top: 10px;
	}
	.joinCon_3{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/join_12.png") no-repeat;
		height: 620px;
		margin-top: 60px;
	}
	.joinCon_3Con{
		width: 769px;
		float: left;
		margin-left: calc(50% - 384.5px);
		margin-top: 30px;
	}
	.joinCon_3ConTit{
		width: 100%;
		float: left;
	}
	.joinCon_3ConTit p{
		width: 100%;
		float: left;
		font-size: 24px;
		color: #333;
		text-align: center;
		margin-top: 30px;
	}
	.joinCon_3ConTit span{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		text-align: center;
		margin-top: 20px;
	}
	.joinCon_3ConList{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.joinCon_3ConListInput{
		width: calc(30.66% - 20px);
		float: left;
		margin-left: 2%;
		background: #fff;
		border-radius: 4px;
		padding: 14px 10px;
		border: 1px solid #f2f5f8;
		margin-top: 20px;
		font-size: 14px;
		color: #333;
	}
	.joinCon_3ConListTextarea{
		width: calc(93% - 20px);
		padding: 10px;
		float: left;
		background: #fff;
		border-radius: 4px;
		border: 1px solid #f2f5f8;
		margin-left: 2%;
		margin-top: 20px;
		min-height: 200px;
		font-size: 14px;
		color: #333;
	}
	.joinCon_2Tit3Wap{
		display: none;
	}
	.joinCon_3ConListButton{
		width: 60%;
		float: left;
		background: #228d4d;
		padding: 10px 0;
		color: #fff;
		border-radius: 4px;
		border: none;
		font-size: 14px;
		margin-left: 20%;
		margin-top: 30px;
	}


	/*	联系我们*/
	.contactBanenr{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/contactBack.png") no-repeat center;
		background-size: cover;
		height: 500px;
		margin-top: 40px;
	}
	.contactText{
		width: 769px;
		margin-left: calc(50% - 384.5px);
		text-align: center;
		float: left;
		font-size: 16px;
		line-height: 36px;
		color: #333;
		margin-top: 30px;
	}
	.contactCode{
		width: 40%;
		margin-left: 30%;
		float: left;
	}
	.contactTextLi{
		width: 30%;
		float: left;
		margin-left: 13.33%;
		margin-top: 30px;
	}
	.contactTextLi img{
		width: 140px;
		height: 140px;
		margin: 0 auto;
		display: block;
	}
	.contactTextLi p{
		float: left;
		font-size: 14px;
		width: 100%;
		color: #333;
		text-align: center;
		line-height: 30px;
	}
	.contactConMap{
		width: 100%;
		float: left;
		margin-top: 30px;
		border-top: 1px solid #f2f5f8;
		padding-top: 30px;
	}
	.contactConMapTit{
		width: 100%;
		float: left;
		font-size: 20px;
		text-align: center;
		color: #333;
	}
	.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
	.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	#dituContent{
		width:100%;
		height:450px;
		margin-top: 40px;
		float: left;
	}

	/*	新闻资讯*/
	.newsBanner{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/news.png") no-repeat center;
		background-size: cover;
		height: 500px;
		margin-top: 40px;
	}
	.newsMenu {
		width: 100%;
		float: left;
	}
	.newsMenu a{
		width: 100%;
		float: left;
		padding: 24px 0;
		text-align: center;
		font-size: 14px;
		color: #333;
		background: #f2f5f8;
		margin-top: 1px;
	}
	.newsMenu a:hover{
		background: #19a250;
		color: #fff;
	}
	.newsMenuLiOn{
		background: #19a250 !important;
		color: #fff !important;;
	}
	.newsList{
		width: 78%;
		float: right;
	}
	.newsListLi{
		width: 100%;
		float: left;
		margin-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #f2f5f8;
	}
	.newsListLi p{
		width: 100%;
		float: left;
		color: #333;
		font-size: 14px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.newsListLi span{
		width: 100%;
		float: left;
		color: #666;
		font-size: 14px;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		line-height: 24px;
		margin-top: 10px;
	}
	.newsListLi h4{
		width: 100%;
		float: left;
		color: #ccc;
		font-size: 14px;
		line-height: 24px;
		margin-top: 10px;
	}

}
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media(min-width:481px) and (max-width:768px){
	.indexConpyImg2{
		display: none;
	}
	#layui-layer2{
		top:120px !important;
	}
	.abourSurveyNavBack{
		display: none;
	}
	.goodsNo{
		width: 100%;
		float: left;
		margin-top:30px;
	}
	.goodsNo img{
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	.goodsNo p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top:20px;
	}
	.mes_cont{
		width: 96%;
		float: left;
		margin:20px 2%;
	}
	.mes_tit{
		width: 100%;
		float: left;
		padding-bottom: 20px;
		border-bottom:1px solid #f2f5f8;
	}
	.mes_tit_sp{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		line-height: 30px;
		text-align: center;
	}
	.mes_tit_time{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #2c2c2c;
		text-align: center;
		margin-top:16px;
	}
	.mes_detai_con{
		width: 100%;
		float: left;
		margin-top:30px;
	}
	.mes_detai_con p{
		font-size: 14px;
		float: left;
		line-height: 24px;
		width: 100%;
	}
	.mes_detai_con p span{
		font-size: 14px;
		float: left;
		line-height: 24px;
	}
	.mes_detai_con img{
		width: 100% !important;
		float: left !important;
	}
	/*nav*/
	.header,.indexNavBody,.indexTop,.indexBannerAndTop,.topPosition{
		display: none;
	}
	/*手机top*/
	.PhoneTopNav{
		width: calc(100% - 40px);
		background: #228d4d;
		padding: 0 20px;
		position: fixed;
		top:0;
		left:0;
		z-index: 9;
		height:80px;
	}
	.PhoneTopNavIMg{
		width: 30%;
		float: left;
		margin-top:14px;
	}
	.PhoneTopNavIMg2{
		width: 32px;
		height:32px;
		float: right;
		margin-top:25px;
	}
	.topNavClose{
		width: 36px;
		height:36px;
		float: left;
		margin: 20px calc(50% - 18px);
	}
	.wrapper{
		height: 100%;
	}

	.cd-accordion-menu {
		width: 100%;
		background: #25844b;
		position: fixed;
		top:80px;
		left:0;
		z-index: 10;
		display: none;
	}
	.cd-accordion-menu ul {
		/* by default hide all sub menus */
		display: none;
	}
	.cd-accordion-menu li {
		float: left;
		width: 100%;
	}
	.cd-accordion-menu input[type=checkbox] {
		/* hide native checkbox */
		position: absolute;
		opacity: 0;
	}
	.cd-accordion-menu label{

	}
	.cd-accordion-menu a{
		color: #ffffff;
		font-size: 14px;
		display: block;
		width: 90%;
		float: left;
		margin-left: 5%;
		padding: 20px 0;
		text-align: center;
		border-bottom: 1px dashed #fff;
	}
	.cd-accordion-menu a p{
		color: #ffffff;
		font-size: 12px;
		padding: 20px 0;
		width: 100%;
		text-align: center;
	}
	.topNavErji{
		position: relative;
		display: block;
		color: #ffffff;
		font-size: 14px;
		padding: 20px 0;
		border-bottom:1px dashed #fff;
		width: 80%;
		margin-left:10%;
		text-align: center;
	}
	.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
	}
	.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
		/* icons */
		content: '';
		display: inline-block;
		width: 16px;
		height: 16px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-accordion-menu label {
		cursor: pointer;
	}
	.cd-accordion-menu label::before, .cd-accordion-menu label::after {
		background-image: url(../img/cd-icons.svg);
		background-repeat: no-repeat;
	}
	.cd-accordion-menu label::before {
		/* arrow icon */
		left: 18px;
		background-position: 0 0;
		-webkit-transform: translateY(-50%) rotate(-90deg);
		-moz-transform: translateY(-50%) rotate(-90deg);
		-ms-transform: translateY(-50%) rotate(-90deg);
		-o-transform: translateY(-50%) rotate(-90deg);
		transform: translateY(-50%) rotate(-90deg);
	}
	.cd-accordion-menu label::after {
		/* folder icons */
		left: 41px;
		background-position: -16px 0;
	}
	.cd-accordion-menu a::after {
		/* image icon */
		left: 36px;
		background: url(../img/cd-icons.svg) no-repeat -48px 0;
	}
	.cd-accordion-menu input[type=checkbox]:checked + label::before {
		/* rotate arrow */
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-accordion-menu input[type=checkbox]:checked + label::after {
		/* show open folder icon if item is checked */
		background-position: -32px 0;
	}
	.cd-accordion-menu input[type=checkbox]:checked + label + ul,
	.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
		/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
		/* show children when item is checked */
		display: block;
	}
	.cd-accordion-menu ul label,
	.cd-accordion-menu ul a {
		background: #0686b0;
		width: 80%;
		margin-left:10%;
	}
	.no-touch .cd-accordion-menu ul label:hover, .no-touch
	.cd-accordion-menu ul a:hover {
		background: #0686b0;
	}
	.cd-accordion-menu > li:last-of-type > label,
	.cd-accordion-menu > li:last-of-type > a,
	.cd-accordion-menu > li > ul > li:last-of-type label,
	.cd-accordion-menu > li > ul > li:last-of-type a {
		box-shadow: none;
	}
	.cd-accordion-menu ul label::before {
		left: 36px;
	}
	.cd-accordion-menu ul label::after,
	.cd-accordion-menu ul a::after {
		left: 59px;
	}
	.cd-accordion-menu ul ul label,
	.cd-accordion-menu ul ul a {
		padding-left: 100px;
	}
	.cd-accordion-menu ul ul label::before {
		left: 54px;
	}
	.cd-accordion-menu ul ul label::after,
	.cd-accordion-menu ul ul a::after {
		left: 77px;
	}
	.cd-accordion-menu ul ul ul label,
	.cd-accordion-menu ul ul ul a {
		padding-left: 118px;
	}
	.cd-accordion-menu ul ul ul label::before {
		left: 72px;
	}
	.cd-accordion-menu ul ul ul label::after,
	.cd-accordion-menu ul ul ul a::after {
		left: 95px;
	}

	.cd-accordion-menu.animated label::before {
		/* this class is used if you're using jquery to animate the accordion */
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}

	/* index banner*/
	.ft-carousel {
		position: relative;
		width: 100%;
		height: 460px;
		overflow: hidden;
		margin-top:80px;
	}

	.ft-carousel .carousel-inner {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	}

	.ft-carousel .carousel-inner .carousel-item {
		float: left;
		height: 100%;
	}

	.ft-carousel .carousel-item img {
		width: 100%;
		height:100%;
	}

	.ft-carousel .carousel-indicators {
		position: absolute;
		left: 0;
		bottom: 20px;
		width: 100%;
		text-align: center;
		font-size: 0;
	}

	.ft-carousel .carousel-indicators span {
		display: inline-block;
		width: 12px;
		height: 12px;
		background-color: #333;
		margin: 0 4px;
		border-radius: 50%;
		cursor: pointer;
	}

	.ft-carousel .carousel-indicators span.active {
		background-color: #00c0ff;
	}

	.ft-carousel .carousel-btn {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 45px;
		margin-top: -25px;
		cursor: pointer;
	}

	.ft-carousel .carousel-prev-btn {
		left: 0;
		background: url(../img/prev.png) no-repeat;
	}

	.ft-carousel .carousel-next-btn {
		right: 0;
		background: url(../img/next.png) no-repeat;
	}

	/*page*/

	.page{
		float:left;
		width: 96%;
		margin-top:40px;
		margin-left:2%;
	}
	.page span,.page a{
		height:34px;
		float: left;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		border:1px solid #e9e9e9;
		background: #fff;
		color: #333;
		font-size: 14px;
		line-height: 36px;
		text-align: center;
		margin-left: 10px;
		padding: 0 20px;
	}
	.page a:hover{color: #3178ed;border-color: #3178ed;}
	.page .current{color: #3178ed; border-color: #3178ed;}

	/*wap banner*/
	#jssor_1{
		position:relative;
		margin:0 auto;
		top:80px;
		left:0px;
		width:980px;
		height:520px;
		overflow:hidden;
		visibility:hidden;
	}
	.jssorl-009-spin{
		position:absolute;top:0px;left:0px;
		width:100%;height:100%;
		text-align:center;
		background-color:rgba(0,0,0,0.7);
	}
	.jssorl-009-spin img {
		margin-top:-19px;position:relative;top:50%;width:38px;height:38px;
		animation-name:jssorl-009-spin;
		animation-duration:1.6s;
		animation-iteration-count:infinite;
		animation-timing-function:linear
	}
	.jssorl-100-spin{
		cursor:default;position:relative;top:0px;left:0px;width:980px;height:520px;overflow:hidden;
	}
	.jssorb051{
		position:absolute;bottom:12px;right:12px;
	}
	@keyframes jssorl-009-spin {
		from {
			transform:rotate(0);
		}
		to {
			transform:rotate(360deg);
		}
	}.jssorb051 .i {
		 position:absolute;
		 cursor:pointer
	 }
	.jssorb051 .i .b {
		fill:#fff;
		fill-opacity:.5
	}
	.jssorb051 .i:hover .b {
		fill-opacity:.7
	}
	.jssorb051 .iav .b {
		fill-opacity:1
	}
	.jssorb051 .i.idn {
		opacity:.3
	}
	.jssora051 {
		display:block;
		position:absolute;
		cursor:pointer
	}
	.jssora051 .a {
		fill:none;
		stroke:#fff;
		stroke-width:360;
		stroke-miterlimit:10
	}
	.jssora051:hover {
		opacity:.8
	}
	.jssora051.jssora051dn {
		opacity:.5
	}
	.jssora051.jssora051ds {
		opacity:.3;
		pointer-events:none
	}
	/*wap banner end*/

	/*首页关于我们*/
	.idnexAbout{
		width: 96%;
		float: left;
		margin: 120px 2% 30px;
	}
	.idnexAboutTit{
		width: 40%;
		float: left;
		margin-left: 30%;
	}
	.idnexAboutList{
		width: 100%;
		margin-top: 40px;
		float: left;
	}
	.idnexAboutList img{
		width: 18%;
		float: left;
		-webkit-transition: -webkit-transform 0.8s ease-out;
		-moz-transition: -moz-transform 0.8s ease-out;
		-o-transition: -o-transform 0.8s ease-out;
		-ms-transition: -ms-transform 0.8s ease-out;
	}
	.idnexAboutList img:hover{
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		-o-transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
	.idnexAboutListLine{
		width: 6%;
		float: left;
		margin: 66px 1.66% 0;
		background: #228d4d;
		height: 1px;
	}
	.idnexAboutText{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.idnexAboutTextLi{
		width: 30.66%;
		float: left;
		margin-left: 2%;
	}
	.idnexAboutTextLi p{
		font-size: 14px;
		float: left;
		color: #333;
		text-align: center;
		width: 100%;
	}
	.idnexAboutTextLi span{
		font-size: 12px;
		float: left;
		color: #676767;
		text-align: center;
		margin-top: 10px;
		width: 100%;
		line-height: 20px;
	}
	.idnexAboutTextLi h3{
		font-size: 14px;
		float: left;
		color: #333;
		text-align: center;
		margin-top: 10px;
		width: 100%;
	}
	.indexAboutTextCon{
		width: 96%;
		float: left;
		margin:  0 2%;
		position: relative;
		height: 440px;
	}
	.indexAboutTextConPOsition_1{
		width: 100px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.indexAboutTextConPOsition_2{
		width: 100px;
		position: absolute;
		bottom: 80px;
		right: 0;
		z-index: 2;
	}
	.indexAboutTextConP{
		width: 90%;
		position: absolute;
		top: 40px;
		left: 5%;
		z-index: 1;
	}
	.indexAboutTextConP p{
		width: 100%;
		font-size: 14px;
		float: left;
		color: #333;
		line-height: 32px;
	}
	.indexAboutTextConP a{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 60px;
		text-align: center;
	}
	.indexAboutTextConP a:hover{
		color: #eb5346;
	}
	.cd-fixed-background .cd-content {
		width: 50%;
		position: absolute;
		left: 5%;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-fixed-background .cd-content::after {
		display: none !important;
	}
	.indexCon1{
		width: 100%;
		float: left;
		height: 460px !important;
	}
	.cd-fixed-background.img-1 {
		background-image: url("/Public/changsheng/images/indexAbout_7.png");
		background-repeat: no-repeat;
		background-size: cover;
	}
	.indexCon2{
		width: 100%;
		float: left;
		height: 660px !important;
	}
	.cd-fixed-background.img-2 {
		background-image: url("/Public/changsheng/images/indexProductBack.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.indexCon3{
		width: 100%;
		float: left;
		height: 840px !important;
	}
	.cd-fixed-background.img-3 {
		background-image: url("/Public/changsheng/images/indexNewBack.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-4 {
		background-image: url("/Public/luzhimi/images/about_6.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-5 {
		background-image: url("/Public/luzhimi/images/about_9.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-6 {
		background-image: url("/Public/luzhimi/images/about_10.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-7 {
		background-image: url("/Public/luzhimi/images/about_11.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	/*首页荣誉资质*/
	.indexCertificate{
		width: 100%;
		float: left;
		margin: 30px 0 20px;
	}
	.indexCertificateTit{
		width: 40%;
		float: left;
		margin-left: 30%;
		margin-bottom: 10px;
	}
	.indexCertificateLi{
		width: 30.66%;
		float: left;
		margin-left: 2%;
		border-radius: 20px;
		margin-top: 20px;
		height: 150px;
	}
	.indexCertificateMore{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 20px;
		text-align: center;
	}
	.indexCertificateMore:hover{
		color: #eb5346;
	}
	/*产品展示*/
	.indexProductBody{
		width: 100%;
		float: left;
		margin: 30px 0;
	}
	.indexProductBodyTit{
		width: 100%;
		float: left;
	}
	.indexProductBodyTit img{
		width: 40%;
		float: left;
	}
	.indexProductBodyTit a{
		padding: 8px 20px;
		float: right;
		margin-right: 20px;
		background: #228b4c;
		color: #fff;
		border-radius: 40px;
		font-size: 14px;
		line-height: 20px;
		margin-top: 6px;
	}
	.indexProductBodyTit a:hover{
		color: #228b4c;
		background: #fff;
	}
	.indexProductBodyList{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.indexProductBodyList li{
		width: calc(22.5% - 20px);
		float: left;
		margin-left: 2%;
		padding: 10px;
		background: #fff;
		border-radius: 10px;
		margin-top: 10px;
	}
	.indexProductBodyList li:hover{
		background: #228b4c;
	}
	.indexProductBodyListLiImg_1{
		width: 100%;
		float: left;
		border-radius: 10px;
		height: 160px;
	}
	.indexProductBodyListLiImg_2{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.indexProductBodyList li p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top: 10px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.indexProductBodyList li span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top: 4px;
	}
	/*梅花鹿*/
	.indexConpyImg{
		width: 100%;
		float: left;
		margin: 30px 0;
	}
	/*新闻*/
	.indexNewsBody{
		width: 96%;
		float: left;
		background: rgba(255,255,255,0.95);
		border-radius: 10px;
		margin: 60px 2%;
		padding: 20px 0;
	}
	.indexNewsBodyLi{
		width: 96%;
		float: left;
		margin-left: 2%;
	}
	#indexNewsBodyLiSamsll{
		display: none;
	}
	.indexNewsBodyLiTit{
		width: 100%;
		float: left;
		padding-bottom: 10px;
		border-bottom: 1px solid #d2d2d2;
	}
	.indexNewsBodyLiTit img{
		width: 20px;
		float: left;
	}
	.indexNewsBodyLiTit p{
		float: left;
		font-size: 14px;
		color: #333;
		margin-left: 10px;
		margin-top: 2px;
	}
	.indexNewsBodyLiTit a {
		float: right;
		font-size: 14px;
		color: #333;
		margin-right: 10px;
		margin-top: 6px;
	}
	.indexNewsBodyLiList{
		width: 100%;
		float: left;
	}
	.indexNewsBodyLiList li{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.indexNewsBodyLiListLiLeft{
		width: 80%;
		float: left;
	}
	.indexNewsBodyLiListLiLeft p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin-top: 6px;
	}
	.indexNewsBodyLiListLiLeft p:hover{
		color: #228b4c;
	}
	.indexNewsBodyLiListLiLeft span{
		width: 100%;
		float: left;
		font-size: 12px;
		color: #737373;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin-top: 10px;
	}
	.indexNewsBodyLiListLiRight{
		width: 15%;
		float: right;
		background: #fff;
		border: 1px solid #cbcbcb;
		padding: 6px 0;
	}
	.indexNewsBodyLiListLiRight p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #737373;
	}
	.indexNewsBodyLiListLiRight span{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #333;
		margin-top: 6px;
	}
	/*foot*/
	.idnexLink{
		width: 100%;
		float: left;
	}
	.indexLinkTit{
		width: 100%;
		background: url("/Public/changsheng/images/indexLink.png") no-repeat top center;
		float: left;
		min-height: 120px;
	}
	.indexLinkList{
		width: 100%;
		float: left;
		margin: 20px 0;
	}
	.indexLinkList a{
		float: left;
		margin-top: 10px;
		font-size: 14px;
		color: #333;
	}
	.indexLinkList a:hover{
		color: #228d4d;
	}
	.indexFootNav{
		width: 100%;
		float: left;
		background: #f2f5f8;
		padding: 20px 0;
		margin-top: 20px;
	}
	.indexFootNavBack{
		width: 100%;
		float: left;
	}
	.indexFootNavBack a{
		width: 16.66%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #333333;
	}
	.indexFootNavBack a:hover{
		width: 16.66%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #228d4d;
	}
	.footBodyBack{
		width: 100%;
		float: left;
	}
	.footBody{
		width: 100%;
		float: left;
		background: #228d4d;
	}
	.footBodyTop{
		width: 96%;
		float: left;
		padding: 0 0 10px;
		margin-left: 2%;
	}
	.footBodyTopLeft{
		width: 70%;
		float: left;
	}
	.footBodyTopLeftLogo{
		width: 80%;
		float: left;
		margin-top: 20px;
	}
	.footBodyTopLeft p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #fff;
		line-height: 40px;
		margin-top: 30px;
	}
	.footBodyTopRight{
		width: 30%;
		float: left;
		margin-top: 90px;
	}
	.footBodyTopRightLi{
		width: 47%;
		float: left;
		margin-left: 2%;
	}
	.footBodyTopRightLi img{
		width: 80px;
		height: 80px;
		margin: 0 auto;
		display: block;
	}
	.footBodyTopRightLi p{
		font-size: 14px;
		color: #fff;
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 20px;
		line-height: 24px;
	}
	.footBodyBottom{
		width: 100%;
		float: left;
		background: #171918;
		padding: 20px 0;
	}
	.footBodyBottom p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 12px;
		color: #868686;
	}
	/*	关于我们 - 企业概况*/
	.aboutSurvey{
		width: 100%;
		background: url("/Public/changsheng/images/aboutBanner.png") no-repeat center;
		background-size: cover;
		height: 400px;
		float: left;
	}
	.aboutSurveyTop_1{
		width: 100%;
		float: left;
	}
	.abourSurveyNav{
		width: 100%;
		float: left;
	}
	.abourSurveyNav ul{
		width: 100%;
		float: left;
		background: #f7f8f9;
	}
	.abourSurveyNav ul li{
		width: calc(20% - 2px);
		float: left;
	}
	.abourSurveyNav ul li a{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		padding: 20px 0;
	}
	.abourSurveyNavLiLine{
		width: 1px;
		float: left;
		background: #e9e9e9;
		height: 26px;
		margin-top: 18px;
	}
	.abourSurveyNavLiOn{
		width: 100%;
		float: left;
		border-bottom: 2px solid #e73b3e;
	}
	.aboutSurveyTop_1Con{
		width: 96%;
		float: left;
		margin-left: 2%;
		margin-top: 20px;
	}
	.aboutSurveyTop_1Con p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		line-height: 24px;
		text-align: justify;
	}
	.aboutSurveyTop_1Con img{
		width: 60%;
		float: left;
		margin: 20px 20%;
	}
	.aboutSurveyTop_2{
		background: url("/Public/changsheng/images/about_2.png") no-repeat center;
		background-size: cover;
		width: 100%;
		float: left;
		height: 400px;
	}
	.aboutSurveyTop_2Con{
		width: 96%;
		float: left;
		margin-left: 2%;
	}
	.aboutSurveyTop_2ConText{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #fff;
		line-height: 26px;
		margin-top: 34px;
		text-align: justify;
	}
	.aboutSurveyTop_2ConUl{
		width: 100%;
		float: left;
	}
	.aboutSurveyTop_2ConUlLi{
		width: 33.33%;
		float: left;
		margin-top: 30px;
	}
	.aboutSurveyTop_2ConUlLi p{
		width: 100%;
		float: left;
		font-size: 34px;
		color: #fff;
		text-align: center;
	}
	.aboutSurveyTop_2ConUlLi span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #fff;
		text-align: center;
		margin-top: 10px;
	}
	.aboutSurveyTop_3{
		width: 100%;
		float: left;
		margin: 20px 0;
	}
	.aboutSurveyTop_3 img{
		width: 47%;
		float: left;
		margin-left: 2%;
	}

	/*	企业文化*/
	.aboutCultureCon_1{
		width: calc(96% - 20px);
		margin-top: 20px;
		float: left;
		padding: 10px;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 4px 10px #f7f8f9;
		margin-left: 2%;
	}
	.aboutCultureCon_1Top{
		width: 100%;
		float: left;
		border-bottom: 1px dashed #a0a0a0;
		padding-bottom: 10px;
	}
	.aboutCultureCon_1Left{
		width: 48%;
		float: left;
	}
	.aboutCultureCon_1Left p{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #228d4d;
	}
	.aboutCultureCon_1Left span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 20px;
		line-height: 24px;
	}
	.aboutCultureCon_1Bottom{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.aboutCultureCon_1BottomLeft{
		width: 48%;
		float: left;
	}
	.aboutCultureCon_1BottomLeftTit{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #228d4d;
	}
	.aboutCultureCon_1BottomLeft ul{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.aboutCultureCon_1BottomLeft ul li{
		width: 25%;
		float: left;
	}
	.aboutCultureCon_1BottomLeft ul li img{
		width: 34px;
		float: left;
	}
	.aboutCultureCon_1BottomLeft ul li p{
		float: left;
		font-size: 14px;
		color: #333;
		margin-left: 10px;
		margin-top: 12px;
	}
	.aboutCultureCon_2{
		float: left;
		width: 100%;
		margin: 30px 0;
	}
	.aboutCultureTime{
		width: 100%;
		float: left;
	}
	.aboutCultureTimeLeftCon{
		width: 100%;
		float: left;
	}
	.aboutCultureTimeLeft{
		width: 50%;
		float: left;
	}
	.aboutCultureTimeLeftText{
		width: calc(100% - 40px);
		float: left;
	}
	.aboutCultureTimeLeftText p{
		width: 100%;
		float: left;
		font-size: 34px;
		color: #333;
		text-align: right;
	}
	.aboutCultureTimeLeftText span{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		margin-top: 20px;
		text-align: right;
		line-height: 30px;
	}
	.aboutCultureTimeLeftImg{
		width: 20px;
		float: right;
	}
	.aboutCultureTimeRight{
		width: 50%;
		float: left;
		margin-left: calc(50% - 20px);
	}
	.aboutCultureTimeRIghtImg{
		width: 20px;
		float: left;
	}
	.aboutCultureTimeRightText{
		width: calc(100% - 40px);
		float: left;
		margin-left: 10px;
	}
	.aboutCultureTimeRightText p{
		width: 100%;
		float: left;
		font-size: 34px;
		color: #333;
	}
	.aboutCultureTimeRightText span{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		margin-top: 20px;
		line-height: 30px;
	}

	/*	荣誉资质*/
	.aboutHonor{
		width: 100%;
		float: left;
		margin-top: 40px;
	}
	.aboutHonorTit{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		text-align: center;
	}
	.aboutHonorList{
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.aboutHonorList li{
		width: 30.66%;
		float: left;
		margin-left: 2%;
		margin-top: 10px;
	}
	.aboutHonorList li img{
		width: 100%;
		float: left;
		height: 150px;
		border-radius: 10px;
	}
	.aboutHonorBack{
		width: 100%;
		float: left;
	}
	/*	公司风采 */
	.aboutSceneryCon{
		width: 100%;
		float: left;
		margin: 40px 0;
	}
	.aboutSceneryCon_1{
		float: left;
		width: 60%;
	}
	.aboutSceneryCon_2{
		float: left;
		width: 40%;
	}

	/*	销售网络*/
	.aboutSale{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 30px;
		text-align: center;
		line-height: 34px;
	}
	.aboutSale span{
		font-size: 18px;
		width: 100%;
		float: left;
	}
	.aboutSaleBack{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/indexAbout_7.png") no-repeat center;
		background-size: cover;
		height: 500px;
		margin-top: 40px;
	}

	/*	产品展示*/
	.porductBanner{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/productBack.png") no-repeat center;
		background-size: cover;
		height: 400px;
		margin-top: 40px;
	}
	.porductCon{
		width: 100%;
		float: left;
	}
	.porductConLeft{
		width: 20%;
		float: left;
	}
	.porductConLeftTit{
		width: 100%;
		float: left;
	}
	.porductConList{
		width: 78%;
		float: right;
	}
	.porductConListTit{
		width: 100%;
		float: left;
		margin-top: 20px;
		border-bottom: 1px solid #f2f5f8;
		padding-bottom: 20px;
		font-size: 12px;
	}
	.porductConListTit a:hover{
		color: #19a250;
	}
	.porductConListUl{
		width: 100%;
		float: left;
	}
	.porductConListUlLI{
		width: 47%;
		float: left;
		margin-left: 2%;
		margin-top: 20px;
	}
	.porductConListUlLI img{
		width: 260px;
		height: 260px;
		border-radius: 10px;
		display: block;
		margin: 0 auto;
	}
	.porductConListUlLI p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
		line-height: 24px;
		overflow: hidden;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		display: -webkit-box;
	}

	/*	招商加盟*/
	.joinBack{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/joinBack.png") no-repeat center;
		background-size: cover;
		height: 400px;
		margin-top: 40px;
	}
	.joinCon_1{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.joinCon_1Tit{
		width:40%;
		margin: 20px auto;
		display: block;
	}
	.joinCon_1List{
		width: 100%;
		float: left;
		margin-top:20px;
	}
	.joinCon_1List li{
		width: 33.33%;
		float: left;
		position: relative;
		height: 200px;
	}
	.joinCon_1List li img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.joinCon_1ListLi{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
	}
	.joinCon_1ListLi p{
		width: 100%;
		float: left;
		font-size: 24px;
		color: #fff;
		text-align: center;
		margin-top: 70px;
	}
	.joinCon_1ListLi span{
		width: 100%;
		float: left;
		font-size:16px;
		color: #fff;
		text-align: center;
		margin-top: 10px;
		text-transform: uppercase;
	}
	.joinCon_2{
		width: 100%;
		float: left;
	}
	.joinCon_2Tit1 {
		width: 36%;
		margin: 20px auto;
		display: block;
	}
	.roll .wrap{width:100%;overflow: hidden; height: 190px;margin: 20px auto 0;position: relative;float: left}
	.roll li{float: left;list-style: none;width: 300px;height: 190px;margin-left: 10px}
	.roll ul{position: absolute;top: 0;left: 0;}
	.roll li img{
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
	.joinCon_2Tit2{
		width: 20%;
		margin: 40px 40% 20px;
		float: left;
	}
	.joinCon_2Tit3{
		width: 100%;
		margin: 20px auto;
		display: table-caption;
	}
	.joinCon_2Tit4{
		width: 100%;
		float: left;
		border-top: 1px solid #f2f5f8;
		padding-top: 20px;
	}
	.joinCon_2Tit4Text{
		width: 100%;
		float: left;
		font-size:24px;
		color: #333;
		text-align: center;
	}
	.joinCon_2Tit4Text span{
		width: 100%;
		float: left;
		font-size:16px;
		margin-top: 10px;
		color: #333;
		text-align: center;
	}
	.joinCon_2Tit4Text2{
		width: 100%;
		float: left;
		font-size:18px;
		color: #219f18;
		text-align: center;
		margin-top: 30px;
	}
	.joinCon_2Tit4Text3{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.joinCon_2Tit4Text3_left{
		width: 49%;
		float: left;
	}
	.joinCon_2Tit4Text3_left a{
		float: right;
		font-size:24px;
		color: #333;
		margin-top: 10px;
	}
	.joinCon_2Tit4Text3_left img{
		float: right;
		width: 40px;
		margin-right: 20px;
	}
	.joinCon_2Tit4Text3_Right{
		width: 49%;
		float: right;
	}
	.joinCon_2Tit4Text3_Right img{
		float: left;
		width: 40px;
		margin-right: 20px;
	}
	.joinCon_2Tit4Text3_Right a{
		float: left;
		font-size:24px;
		color: #333;
		margin-top: 10px;
	}
	.joinCon_3{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/join_12.png") no-repeat;
		height: 600px;
		margin-top: 20px;
	}
	.joinCon_3Con{
		width: 769px;
		float: left;
		margin-left: calc(50% - 384.5px);
		margin-top: 30px;
	}
	.joinCon_3ConTit{
		width: 100%;
		float: left;
	}
	.joinCon_3ConTit p{
		width: 100%;
		float: left;
		font-size: 24px;
		color: #333;
		text-align: center;
		margin-top: 30px;
	}
	.joinCon_3ConTit span{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		text-align: center;
		margin-top: 20px;
	}
	.joinCon_3ConList{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.joinCon_3ConListInput{
		width: calc(30.66% - 20px);
		float: left;
		margin-left: 2%;
		background: #fff;
		border-radius: 4px;
		padding: 14px 10px;
		border: 1px solid #f2f5f8;
		margin-top: 20px;
		font-size: 14px;
		color: #333;
	}
	.joinCon_3ConListTextarea{
		width: calc(93% - 20px);
		padding: 10px;
		float: left;
		background: #fff;
		border-radius: 4px;
		border: 1px solid #f2f5f8;
		margin-left: 2%;
		margin-top: 20px;
		min-height: 200px;
		font-size: 14px;
		color: #333;
	}
	.joinCon_2Tit3Wap{
		display: none;
	}
	.joinCon_3ConListButton{
		width: 60%;
		float: left;
		background: #228d4d;
		padding: 10px 0;
		color: #fff;
		border-radius: 4px;
		border: none;
		font-size: 14px;
		margin-left: 20%;
		margin-top: 20px;
	}


	/*	联系我们*/
	.contactBanenr{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/contactBack.png") no-repeat center;
		background-size: cover;
		height: 400px;
		margin-top: 40px;
	}
	.contactText{
		width: 100%;
		text-align: center;
		float: left;
		font-size: 16px;
		line-height: 36px;
		color: #333;
		margin-top: 30px;
	}
	.contactCode{
		width: 40%;
		margin-left: 30%;
		float: left;
	}
	.contactTextLi{
		width: 30%;
		float: left;
		margin-left: 13.33%;
		margin-top: 30px;
	}
	.contactTextLi img{
		width: 120px;
		height: 120px;
		margin: 0 auto;
		display: block;
	}
	.contactTextLi p{
		float: left;
		font-size: 14px;
		width: 100%;
		color: #333;
		text-align: center;
		line-height: 30px;
	}
	.contactConMap{
		width: 100%;
		float: left;
		margin-top: 30px;
		border-top: 1px solid #f2f5f8;
		padding-top: 30px;
	}
	.contactConMapTit{
		width: 100%;
		float: left;
		font-size: 20px;
		text-align: center;
		color: #333;
	}
	.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
	.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	#dituContent{
		width:100%;
		height:350px;
		margin-top: 40px;
		float: left;
	}

	/*	新闻资讯*/
	.newsBanner{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/news.png") no-repeat center;
		background-size: cover;
		height: 400px;
	}
	.newsMenu {
		width: 100%;
		float: left;
	}
	.newsMenu a{
		width: 100%;
		float: left;
		padding: 24px 0;
		text-align: center;
		font-size: 14px;
		color: #333;
		background: #f2f5f8;
		margin-top: 1px;
	}
	.newsMenu a:hover{
		background: #19a250;
		color: #fff;
	}
	.newsMenuLiOn{
		background: #19a250 !important;
		color: #fff !important;;
	}
	.newsList{
		width: 78%;
		float: right;
	}
	.newsListLi{
		width: 96%;
		float: left;
		margin-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #f2f5f8;
	}
	.newsListLi p{
		width: 100%;
		float: left;
		color: #333;
		font-size: 14px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.newsListLi span{
		width: 100%;
		float: left;
		color: #666;
		font-size: 14px;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		line-height: 24px;
		margin-top: 10px;
	}
	.newsListLi h4{
		width: 100%;
		float: left;
		color: #ccc;
		font-size: 14px;
		line-height: 24px;
		margin-top: 10px;
	}
}
/* 横向放置的手机及分辨率更小的设备 */
@media(max-width:480px){
	.mes_tit_sp
	#layui-layer2{
		top:120px !important;
	}
	.abourSurveyNavBack{
		display: none;
	}
	.goodsNo{
		width: 100%;
		float: left;
		margin-top:30px;
	}
	.goodsNo img{
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	.goodsNo p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top:20px;
	}
	.rightCon{
		display: none;
	}
	.mes_cont{
		width: 96%;
		float: left;
		margin-left:2%;
		margin-bottom: 20px;
		margin-top:20px;
	}
	.mes_tit{
		width: 100%;
		float: left;
		padding-bottom: 10px;
		border-bottom:1px solid #f2f5f8;
	}
	.mes_tit_sp{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		line-height: 20px;
		text-align: center;
		margin-bottom: 10px;
	}
	.mes_tit_time{
		width: 100%;
		float: left;
		font-size: 12px;
		color: #2c2c2c;
		text-align: center;
		line-height: 20px;

	}
	.mes_detai_con{
		width: 100%;
		float: left;
		margin-top:10px;
	}
	.mes_detai_con p{
		font-size: 14px;
		float: left;
		line-height: 24px;
		width: 100%;
	}
	.mes_detai_con p span{
		font-size: 14px !important;
		float: left;
		line-height: 24px;
	}
	.mes_detai_con img{
		width: 100% !important;
		float: left !important;
		margin: 10px 0;
	}
	/*nav*/
	.header,.indexNavBody,.indexTop,.indexBannerAndTop,.topPosition{
		display: none;
	}
	/*手机top*/
	.PhoneTopNav{
		width: calc(100% - 40px);
		background: #228d4d;
		padding: 0 20px;
		position: fixed;
		top:0;
		left:0;
		z-index: 9;
		height:60px;
	}
	.PhoneTopNavIMg{
		width: 42%;
		float: left;
		margin-top:10px;
	}
	.PhoneTopNavIMg2{
		width: 32px;
		height:32px;
		float: right;
		margin-top:15px;
	}
	.topNavClose{
		width: 36px;
		height:36px;
		margin:20px calc(50% - 18px);
		float: left;

	}
	.wrapper{
		height: 100%;
	}

	.cd-accordion-menu {
		width: 100%;
		background: #25844b;
		position: fixed;
		top:60px;
		left:0;
		z-index: 10;
		display: none;
	}
	.cd-accordion-menu ul {
		/* by default hide all sub menus */
		display: none;
	}
	.cd-accordion-menu li {

		width: 100%;
	}
	.cd-accordion-menu input[type=checkbox] {
		/* hide native checkbox */
		position: absolute;
		opacity: 0;
	}
	.cd-accordion-menu label{

	}
	.cd-accordion-menu a{
		color: #ffffff;
		font-size: 14px;
		display: block;
		width: 90%;
		float: left;
		margin-left: 5%;
		padding: 20px 0;
		text-align: center;
		border-bottom: 1px dashed #fff;
	}
	.cd-accordion-menu a p{
		color: #ffffff;
		font-size: 12px;
		padding: 20px 0;
		width: 100%;
		text-align: center;
	}
	.topNavErji{
		position: relative;
		display: block;
		color: #ffffff;
		font-size: 14px;
		padding: 20px 0;
		width: 80%;
		margin-left:10%;
		text-align: center;
		border-bottom:1px dashed #fff;
	}
	.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {

	}
	.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
		/* icons */
		content: '';
		display: inline-block;
		width: 16px;
		height: 16px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-accordion-menu label {
		cursor: pointer;
	}
	.cd-accordion-menu label::before, .cd-accordion-menu label::after {
		background-image: url(../img/cd-icons.svg);
		background-repeat: no-repeat;
	}
	.cd-accordion-menu label::before {
		/* arrow icon */
		left: 18px;
		background-position: 0 0;
		-webkit-transform: translateY(-50%) rotate(-90deg);
		-moz-transform: translateY(-50%) rotate(-90deg);
		-ms-transform: translateY(-50%) rotate(-90deg);
		-o-transform: translateY(-50%) rotate(-90deg);
		transform: translateY(-50%) rotate(-90deg);
	}
	.cd-accordion-menu label::after {
		/* folder icons */
		left: 41px;
		background-position: -16px 0;
	}
	.cd-accordion-menu a::after {
		/* image icon */
		left: 36px;
		background: url(../img/cd-icons.svg) no-repeat -48px 0;
	}
	.cd-accordion-menu input[type=checkbox]:checked + label::before {
		/* rotate arrow */
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-accordion-menu input[type=checkbox]:checked + label::after {
		/* show open folder icon if item is checked */
		background-position: -32px 0;
	}
	.cd-accordion-menu input[type=checkbox]:checked + label + ul,
	.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
		/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
		/* show children when item is checked */
		display: block;
	}
	.cd-accordion-menu ul label,
	.cd-accordion-menu ul a {
		background: #0686b0;
		width: 80%;
		margin-left:10%;

	}
	.no-touch .cd-accordion-menu ul label:hover, .no-touch
	.cd-accordion-menu ul a:hover {
		background: #0686b0;
	}
	.cd-accordion-menu > li:last-of-type > label,
	.cd-accordion-menu > li:last-of-type > a,
	.cd-accordion-menu > li > ul > li:last-of-type label,
	.cd-accordion-menu > li > ul > li:last-of-type a {
		box-shadow: none;
	}
	.cd-accordion-menu ul label::before {
		left: 36px;
	}
	.cd-accordion-menu ul label::after,
	.cd-accordion-menu ul a::after {
		left: 59px;
	}
	.cd-accordion-menu ul ul label,
	.cd-accordion-menu ul ul a {
		padding-left: 100px;
	}
	.cd-accordion-menu ul ul label::before {
		left: 54px;
	}
	.cd-accordion-menu ul ul label::after,
	.cd-accordion-menu ul ul a::after {
		left: 77px;
	}
	.cd-accordion-menu ul ul ul label,
	.cd-accordion-menu ul ul ul a {
		padding-left: 118px;
	}
	.cd-accordion-menu ul ul ul label::before {
		left: 72px;
	}
	.cd-accordion-menu ul ul ul label::after,
	.cd-accordion-menu ul ul ul a::after {
		left: 95px;
	}

	.cd-accordion-menu.animated label::before {
		/* this class is used if you're using jquery to animate the accordion */
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
	/* index banner*/
	.ft-carousel {
		position: relative;
		width: 100%;
		height: 200px;
		overflow: hidden;
		margin-top:60px;
	}

	.ft-carousel .carousel-inner {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	}

	.ft-carousel .carousel-inner .carousel-item {
		float: left;
		height: 100%;
	}

	.ft-carousel .carousel-item img {
		width: 100%;
		height:100%;
	}

	.ft-carousel .carousel-indicators {
		position: absolute;
		left: 0;
		bottom: 20px;
		width: 100%;
		text-align: center;
		font-size: 0;
	}

	.ft-carousel .carousel-indicators span {
		display: inline-block;
		width: 12px;
		height: 12px;
		background-color: #333;
		margin: 0 4px;
		border-radius: 50%;
		cursor: pointer;
	}

	.ft-carousel .carousel-indicators span.active {
		background-color: #00c0ff;
	}

	.ft-carousel .carousel-btn {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 45px;
		margin-top: -25px;
		cursor: pointer;
	}

	.ft-carousel .carousel-prev-btn {
		left: 0;
		background: url(../img/prev.png) no-repeat;
	}

	.ft-carousel .carousel-next-btn {
		right: 0;
		background: url(../img/next.png) no-repeat;
	}


	/*page*/

	.page{
		float:left;
		width: 96%;
		margin-top:40px;
		margin-left:2%;
	}
	.page span,.page a{
		height:34px;
		float: left;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		border:1px solid #e9e9e9;
		background: #fff;
		color: #333;
		font-size: 14px;
		line-height: 36px;
		text-align: center;
		margin-left: 10px;
		padding: 0 20px;
	}
	.page a:hover{color: #3178ed;border-color: #3178ed;}
	.page .current{color: #3178ed; border-color: #3178ed;}

	/*wap banner*/
	#jssor_1{
		position:relative;
		margin:0 auto;
		top:60px;
		left:0px;
		width:980px;
		height:600px;
		overflow:hidden;
		visibility:hidden;
	}
	.jssorl-009-spin{
		position:absolute;top:0px;left:0px;
		width:100%;height:100%;
		text-align:center;
		background-color:rgba(0,0,0,0.7);
	}
	.jssorl-009-spin img {
		margin-top:-19px;position:relative;top:50%;width:38px;height:38px;
		animation-name:jssorl-009-spin;
		animation-duration:1.6s;
		animation-iteration-count:infinite;
		animation-timing-function:linear
	}
	.jssorl-100-spin{
		cursor:default;position:relative;top:0px;left:0px;width:980px;height:600px;overflow:hidden;
	}
	.jssorb051{
		position:absolute;bottom:12px;right:12px;
	}
	@keyframes jssorl-009-spin {
		from {
			transform:rotate(0);
		}
		to {
			transform:rotate(360deg);
		}
	}.jssorb051 .i {
		 position:absolute;
		 cursor:pointer
	 }
	.jssorb051 .i .b {
		fill:#fff;
		fill-opacity:.5
	}
	.jssorb051 .i:hover .b {
		fill-opacity:.7
	}
	.jssorb051 .iav .b {
		fill-opacity:1
	}
	.jssorb051 .i.idn {
		opacity:.3
	}
	.jssora051 {
		display:block;
		position:absolute;
		cursor:pointer
	}
	.jssora051 .a {
		fill:none;
		stroke:#fff;
		stroke-width:360;
		stroke-miterlimit:10
	}
	.jssora051:hover {
		opacity:.8
	}
	.jssora051.jssora051dn {
		opacity:.5
	}
	.jssora051.jssora051ds {
		opacity:.3;
		pointer-events:none
	}
	/*wap banner end*/

	/*首页关于我们*/
	.idnexAbout{
		width: 96%;
		float: left;
		margin: 80px 2% 30px;
	}
	.idnexAboutTit{
		width: 80%;
		float: left;
		margin-left: 10%;
	}
	.idnexAboutList{
		width: 100%;
		margin-top: 20px;
		float: left;
	}
	.idnexAboutList img{
		width: 35%;
		float: left;
		margin-left: 10%;
		margin-top: 20px;
		-webkit-transition: -webkit-transform 0.8s ease-out;
		-moz-transition: -moz-transform 0.8s ease-out;
		-o-transition: -o-transform 0.8s ease-out;
		-ms-transition: -ms-transform 0.8s ease-out;
	}
	.idnexAboutList img:hover{
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		-o-transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
	.idnexAboutListLine{
		width: 6%;
		float: left;
		margin: 66px 1.66% 0;
		background: #228d4d;
		height: 1px;
		display: none;
	}
	.idnexAboutText{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.idnexAboutTextLi{
		width: 100%;
		float: left;
	}
	.idnexAboutTextLi p{
		font-size: 14px;
		float: left;
		color: #333;
		text-align: center;
		width: 100%;
		margin-top: 16px;
		line-height: 24px;
	}
	.idnexAboutTextLi span{
		font-size: 12px;
		float: left;
		color: #676767;
		text-align: center;
		margin-top: 2px;
		width: 100%;
		line-height: 20px;
	}
	.idnexAboutTextLi h3{
		font-size: 14px;
		float: left;
		color: #fff;
		text-align: center;
		margin-top: 10px;
		width: 30%;
		margin-left: 35%;
		background: #228d4d;
		padding: 10px 0;
		border-radius: 4px;
	}
	.indexAboutTextCon{
		width: 96%;
		float: left;
		margin:  0 2%;
		position: relative;
		height: 420px;
	}
	.indexAboutTextConPOsition_1{
		width: 100px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.indexAboutTextConPOsition_2{
		width: 100px;
		position: absolute;
		bottom: 20px;
		right: 0;
		z-index: 2;
	}
	.indexAboutTextConP{
		width: 80%;
		position: absolute;
		top: 40px;
		left: 10%;
		z-index: 1;
	}
	.indexAboutTextConP p{
		width: 100%;
		font-size: 12px;
		float: left;
		color: #333;
		line-height: 32px;
		overflow: hidden;
		-webkit-line-clamp: 9;
		-webkit-box-orient: vertical;
		display: -webkit-box;
	}
	.indexAboutTextConP a{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 40px;
		text-align: center;
	}
	.indexAboutTextConP a:hover{
		color: #eb5346;
	}
	.cd-fixed-background .cd-content {
		width: 50%;
		position: absolute;
		left: 5%;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-fixed-background .cd-content::after {
		display: none !important;
	}
	.indexCon1{
		width: 100%;
		float: left;
		height: 360px !important;
		padding: 0 0 !important;
	}
	.cd-fixed-background.img-1 {
		background-image: url("/Public/changsheng/images/indexAbout_7.png");
		background-repeat: no-repeat;
		background-size: cover;
	}
	.indexCon2{
		width: 100%;
		float: left;
		padding: 0 0 !important;
	}
	.indexCon3{
		width: 100%;
		float: left;
		padding: 0 0 !important ;
	}
	.cd-fixed-background.img-4 {
		background-image: url("/Public/luzhimi/images/about_6.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-5 {
		background-image: url("/Public/luzhimi/images/about_9.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-6 {
		background-image: url("/Public/luzhimi/images/about_10.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	.cd-fixed-background.img-7 {
		background-image: url("/Public/luzhimi/images/about_11.png");
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
	}
	/*首页荣誉资质*/
	.indexCertificate{
		width: 100%;
		float: left;
		margin: 30px 0 20px;
	}
	.indexCertificateTit{
		width: 80%;
		float: left;
		margin-left: 10%;
		margin-bottom: 20px;
	}
	.indexCertificateLi{
		width: 47%;
		float: left;
		margin-left: 2%;
		border-radius: 10px;
		margin-top: 10px;
		height: 110px;
	}
	.indexCertificateMore{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 20px;
		text-align: center;
	}
	.indexCertificateMore:hover{
		color: #eb5346;
	}
	/*产品展示*/
	.indexProductBody{
		width: 100%;
		float: left;
		margin: 30px 0;
	}
	.indexProductBodyTit{
		width: 100%;
		float: left;
	}
	.indexProductBodyTit img{
		width: 80%;
		margin-left: 10%;
		float: left;
	}
	.indexProductBodyTit a{
		padding: 8px 20px;
		float: right;
		margin-right: 20px;
		background: #228b4c;
		color: #fff;
		border-radius: 40px;
		font-size: 14px;
		line-height: 20px;
		margin-top: 6px;
		display: none;
	}
	.indexProductBodyTit a:hover{
		color: #228b4c;
		background: #fff;
	}
	.indexProductBodyList{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.indexProductBodyList li{
		width: calc(47% - 20px);
		float: left;
		margin-left: 2%;
		padding: 10px;
		background: #fff;
		border-radius: 10px;
	}
	.indexProductBodyList li:hover{
		background: #228b4c;
	}
	.indexProductBodyListLiImg_1{
		width: 100%;
		float: left;
		border-radius: 10px;
		height: 160px;
	}
	.indexProductBodyListLiImg_2{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.indexProductBodyList li p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top: 10px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.indexProductBodyList li span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top: 4px;
	}
	/*梅花鹿*/
	.indexConpyImg{
		width: 100%;
		float: left;
		margin: 30px 0;
		display: none;
	}
	.indexConpyImg2{
		width: 100%;
		float: left;
	}
	/*新闻*/
	.indexNewsBody{
		width: 96%;
		float: left;
		border-radius: 10px;
		margin: 0 2%;
	}
	.indexNewsBodyLi{
		width: 96%;
		float: left;
		margin-left: 2%;
	}
	#indexNewsBodyLiSamsll{
		display: none;
	}
	.indexNewsBodyLiTit{
		width: 100%;
		float: left;
		padding-bottom: 10px;
		border-bottom: 1px solid #d2d2d2;
	}
	.indexNewsBodyLiTit img{
		width: 20px;
		float: left;
	}
	.indexNewsBodyLiTit p{
		float: left;
		font-size: 14px;
		color: #333;
		margin-left: 10px;
		margin-top: 2px;
	}
	.indexNewsBodyLiTit a {
		float: right;
		font-size: 14px;
		color: #333;
		margin-right: 10px;
		margin-top: 6px;
	}
	.indexNewsBodyLiList{
		width: 100%;
		float: left;
	}
	.indexNewsBodyLiList li{
		width: 100%;
		float: left;
		margin-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dashed #f2f5f8`;
	}
	.indexNewsBodyLiListLiLeft{
		width: 80%;
		float: left;
	}
	.indexNewsBodyLiListLiLeft p{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin-top: 6px;
	}
	.indexNewsBodyLiListLiLeft p:hover{
		color: #228b4c;
	}
	.indexNewsBodyLiListLiLeft span{
		width: 100%;
		float: left;
		font-size: 12px;
		color: #737373;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin-top: 10px;
	}
	.indexNewsBodyLiListLiRight{
		width: 15%;
		float: right;
		background: #fff;
		border: 1px solid #cbcbcb;
		padding: 6px 0;
	}
	.indexNewsBodyLiListLiRight p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #737373;
	}
	.indexNewsBodyLiListLiRight span{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #333;
		margin-top: 6px;
	}
	/*foot*/
	.idnexLink{
		width: 100%;
		float: left;
	}
	.indexLinkTit{
		width: 100%;
		background: url("/Public/changsheng/images/indexLink.png") no-repeat top center;
		float: left;
		min-height: 80px;
		background-size: cover;
	}
	.indexLinkList{
		width: 100%;
		float: left;
		margin: 10px 0;
	}
	.indexLinkList a{
		float: left;
		margin-top: 10px;
		font-size: 12px;
		color: #333;
	}
	.indexLinkList a:hover{
		color: #228d4d;
	}
	.indexFootNav{
		width: 100%;
		float: left;
		background: #f2f5f8;
		padding: 10px 0;
		margin-top: 20px;
	}
	.indexFootNavBack{
		width: 100%;
		float: left;
	}
	.indexFootNavBack a{
		width: 16.66%;
		float: left;
		text-align: center;
		font-size: 12px;
		color: #333333;
	}
	.indexFootNavBack a:hover{
		width: 16.66%;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #228d4d;
	}
	.footBodyBack{
		width: 100%;
		float: left;
	}
	.footBody{
		width: 100%;
		float: left;
		background: #228d4d;
	}
	.footBodyTop{
		width: 96%;
		float: left;
		padding: 0 0 10px;
		margin-left: 2%;
	}
	.footBodyTopLeft{
		width: 100%;
		float: left;
	}
	.footBodyTopLeftLogo{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.footBodyTopLeft p{
		width: 100%;
		float: left;
		font-size: 12px;
		color: #fff !important;
		line-height: 26px;
		margin-top: 10px;
	}

	.footBodyTopLeft p:disabled{

		color:red;

		opacity: 1;

		-webkit-text-fill-color: red;

	}

	.footBodyTopRight{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.footBodyTopRightLi{
		width: 47%;
		float: left;
		margin-left: 2%;
	}
	.footBodyTopRightLi img{
		width: 140px;
		height: 140px;
		margin: 0 auto;
		display: block;
	}
	.footBodyTopRightLi p{
		font-size: 14px;
		color: #fff;
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 20px;
		line-height: 24px;
	}
	.footBodyBottom{
		width: 100%;
		float: left;
		background: #171918;
		padding: 10px 0;
	}
	.footBodyBottom p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 12px;
		color: #868686;
		line-height: 24px;
	}

	/*	关于我们 - 企业概况*/
	.aboutSurvey{
		width: 100%;
		background: url("/Public/changsheng/images/aboutBanner.png") no-repeat center;
		background-size: cover;
		height: 260px;
		float: left;
	}
	.aboutSurveyTop_1{
		width: 100%;
		float: left;
	}
	.abourSurveyNav{
		width: 100%;
		float: left;
	}
	.abourSurveyNav ul{
		width: 100%;
		float: left;
		background: #f7f8f9;
	}
	.abourSurveyNav ul li{
		width: calc(20% - 2px);
		float: left;
	}
	.abourSurveyNav ul li a{
		width: 100%;
		float: left;
		font-size: 12px;
		color: #333;
		text-align: center;
		padding: 14px 0;
	}
	.abourSurveyNavLiLine{
		width: 1px;
		float: left;
		background: #e9e9e9;
		height: 20px;
		margin-top: 12px;
	}
	.abourSurveyNavLiOn{
		width: 100%;
		float: left;
		border-bottom: 2px solid #e73b3e;
	}
	.aboutSurveyTop_1Con{
		width: 96%;
		float: left;
		margin-left: 2%;
		margin-top: 10px;
	}
	.aboutSurveyTop_1Con p{
		width: 100%;
		float: left;
		font-size: 12px;
		color: #333;
		line-height: 20px;
		text-align: justify;
		margin-top: 10px;
	}
	.aboutSurveyTop_1Con img{
		width: 80%;
		float: left;
		margin: 20px 10%;
	}
	.aboutSurveyTop_2{
		background: url("/Public/changsheng/images/about_2.png") no-repeat center;
		background-size: cover;
		width: 100%;
		float: left;
		height: 400px;
	}
	.aboutSurveyTop_2Con{
		width: 96%;
		float: left;
		margin-left: 2%;
	}
	.aboutSurveyTop_2ConText{
		width: 100%;
		float: left;
		font-size: 12px;
		color: #fff;
		line-height: 24px;
		margin-top: 24px;
		text-align: justify;
	}
	.aboutSurveyTop_2ConUl{
		width: 100%;
		float: left;
		display: none;
	}
	.aboutSurveyTop_2ConUlLi{
		width: 33.33%;
		float: left;
		margin-top: 30px;
	}
	.aboutSurveyTop_2ConUlLi p{
		width: 100%;
		float: left;
		font-size: 34px;
		color: #fff;
		text-align: center;
	}
	.aboutSurveyTop_2ConUlLi span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #fff;
		text-align: center;
		margin-top: 10px;
	}
	.aboutSurveyTop_3{
		width: 96%;
		float: left;
		margin: 0 2% 20px;
	}
	.aboutSurveyTop_3 img{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	/*	企业文化*/
	.aboutCultureCon_1{
		width: calc(96% - 20px);
		margin-top: 20px;
		float: left;
		padding: 10px;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 4px 10px #f7f8f9;
		margin-left: 2%;
	}
	.aboutCultureCon_1Top{
		width: 100%;
		float: left;
		border-bottom: 1px dashed #a0a0a0;
		padding-bottom: 10px;
	}
	.aboutCultureCon_1Left{
		width: 100%;
		float: left;
	}
	.aboutCultureCon_1Left p{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #228d4d;
		margin-top: 10px;
	}
	.aboutCultureCon_1Left span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 10px;
		line-height: 24px;
	}
	.aboutCultureCon_1Bottom{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.aboutCultureCon_1BottomLeft{
		width: 100%;
		float: left;
	}
	.aboutCultureCon_1BottomLeftTit{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #228d4d;
		margin-top: 10px;
	}
	.aboutCultureCon_1BottomLeft ul{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.aboutCultureCon_1BottomLeft ul li{
		width: 25%;
		float: left;
	}
	.aboutCultureCon_1BottomLeft ul li img{
		width: 34px;
		float: left;
	}
	.aboutCultureCon_1BottomLeft ul li p{
		float: left;
		font-size: 14px;
		color: #333;
		margin-left: 10px;
		margin-top: 12px;
	}
	.aboutCultureCon_2{
		float: left;
		width: 100%;
		margin: 30px 0;
	}
	.aboutCultureTime{
		width: 100%;
		float: left;
	}
	.aboutCultureTimeLeftCon{
		width: 100%;
		float: left;
	}
	.aboutCultureTimeLeft{
		width: 50%;
		float: left;
	}
	.aboutCultureTimeLeftText{
		width: calc(100% - 40px);
		float: left;
	}
	.aboutCultureTimeLeftText p{
		width: 100%;
		float: left;
		font-size: 24px;
		color: #333;
		text-align: right;
	}
	.aboutCultureTimeLeftText span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 10px;
		text-align: right;
		line-height: 22px;
	}
	.aboutCultureTimeLeftImg{
		width: 20px;
		float: right;
	}
	.aboutCultureTimeRight{
		width: 50%;
		float: left;
		margin-left: calc(50% - 20px);
	}
	.aboutCultureTimeRIghtImg{
		width: 20px;
		float: left;
	}
	.aboutCultureTimeRightText{
		width: calc(100% - 40px);
		float: left;
		margin-left: 10px;
	}
	.aboutCultureTimeRightText p{
		width: 100%;
		float: left;
		font-size: 24px;
		color: #333;
	}
	.aboutCultureTimeRightText span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		margin-top: 10px;
		line-height: 22px;
	}



	/*	荣誉资质*/
	.aboutHonor{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.aboutHonorTit{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		line-height: 24px;
	}
	.aboutHonorList{
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.aboutHonorList li{
		width: 47%;
		float: left;
		margin-left: 2%;
		margin-top: 10px;
	}
	.aboutHonorList li img{
		width: 100%;
		float: left;
		height: 110px;
		border-radius: 10px;
	}
	.aboutHonorBack{
		width: 100%;
		float: left;
	}

	/*	公司风采 */
	.aboutSceneryCon{
		width: 100%;
		float: left;
		margin: 20px 0;
	}
	.aboutSceneryCon_1{
		float: left;
		width: 100%;
	}
	.aboutSceneryCon_2{
		float: left;
		width: 100%;
	}
	/*	销售网络*/
	.aboutSale{
		width: 100%;
		float: left;
		font-size: 12px;
		color: #333;
		margin-top: 30px;
		text-align: center;
		line-height: 34px;
	}
	.aboutSale span{
		font-size: 16px;
		width: 100%;
		float: left;
	}
	.aboutSaleBack{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/indexAbout_7.png") no-repeat center;
		background-size: cover;
		height: 400px;
		margin-top: 40px;
	}

	/*	产品展示*/
	.porductBanner{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/productBack.png") no-repeat center;
		background-size: cover;
		height: 260px;
		margin-top: 40px;
	}
	.porductCon{
		width: 100%;
		float: left;
	}
	.porductConLeft{
		width: 30%;
		float: left;
	}
	.porductConLeftTit{
		width: 100%;
		float: left;
		display: none;
	}
	.porductConList{
		width: 68%;
		float: right;
	}
	.porductConListTit{
		width: 100%;
		float: left;
		margin-top: 20px;
		border-bottom: 1px solid #f2f5f8;
		padding-bottom: 20px;
		font-size: 12px;
	}
	.porductConListTit a:hover{
		color: #19a250;
	}
	.porductConListUl{
		width: 100%;
		float: left;
	}
	.porductConListUlLI{
		width: 47%;
		float: left;
		margin-left: 2%;
		margin-top: 10px;
	}
	.porductConListUlLI img{
		width: 100px;
		height: 100px;
		border-radius: 10px;
		margin: 0 auto;
		display: block;
	}
	.porductConListUlLI p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	/*	招商加盟*/
	.joinBack{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/joinBack.png") no-repeat center;
		background-size: cover;
		height: 260px;
	}
	.joinCon_1{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.joinCon_1Tit{
		width:60%;
		margin: 10px auto;
		display: block;
	}
	.joinCon_1List{
		width: 100%;
		float: left;
		margin-top:20px;
	}
	.joinCon_1List li{
		width: 50%;
		float: left;
		position: relative;
		height: 120px;
	}
	.joinCon_1List li img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.joinCon_1ListLi{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
	}
	.joinCon_1ListLi p{
		width: 100%;
		float: left;
		font-size: 18px;
		color: #fff;
		text-align: center;
		margin-top: 40px;
	}
	.joinCon_1ListLi span{
		width: 100%;
		float: left;
		font-size:14px;
		color: #fff;
		text-align: center;
		margin-top: 10px;
		text-transform: uppercase;
	}
	.joinCon_2{
		width: 100%;
		float: left;
	}
	.joinCon_2Tit1 {
		width: 60%;
		margin: 20px auto;
		display: block;
	}
	.roll .wrap{width:100%;overflow: hidden; height: 120px;margin: 0 auto;position: relative;float: left}
	.roll li{float: left;list-style: none;width: 200px;height: 120px;margin-left: 10px}
	.roll ul{position: absolute;top: 0;left: 0;}
	.roll li img{
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
	.joinCon_2Tit2{
		width: 30%;
		margin: 20px 35% 20px;
		float: left;
	}
	.joinCon_2Tit3{
		display: none;
	}
	.joinCon_2Tit4{
		width: 100%;
		float: left;
		border-top: 1px solid #f2f5f8;
		padding-top: 20px;
	}
	.joinCon_2Tit4Text{
		width: 100%;
		float: left;
		font-size:18px;
		color: #333;
		text-align: center;
	}
	.joinCon_2Tit4Text span{
		width: 100%;
		float: left;
		font-size:14px;
		margin-top: 10px;
		color: #333;
		text-align: center;
	}
	.joinCon_2Tit4Text2{
		width: 100%;
		float: left;
		font-size:16px;
		color: #219f18;
		text-align: center;
		margin-top: 20px;
	}
	.joinCon_2Tit4Text3{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.joinCon_2Tit4Text3_left{
		width: 49%;
		float: left;
	}
	.joinCon_2Tit4Text3_left a{
		float: right;
		font-size:18px;
		color: #333;
		margin-top: 10px;
	}
	.joinCon_2Tit4Text3_left img{
		float: right;
		width: 20px;
		margin-right: 6px;
		margin-top: 8px;
	}
	.joinCon_2Tit4Text3_Right{
		width: 49%;
		float: right;
	}
	.joinCon_2Tit4Text3_Right img{
		float: left;
		width: 20px;
		margin-right: 6px;
		margin-top: 8px;
	}
	.joinCon_2Tit4Text3_Right a{
		float: left;
		font-size:18px;
		color: #333;
		margin-top: 10px;
	}
	.joinCon_3{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/join_12.png") no-repeat;
		height: 540px;
		margin-top: 20px;
	}
	.joinCon_3Con{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.joinCon_3ConTit{
		width: 100%;
		float: left;
	}
	.joinCon_3ConTit p{
		width: 100%;
		float: left;
		font-size: 18px;
		color: #333;
		text-align: center;
		margin-top: 10px;
	}
	.joinCon_3ConTit span{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #333;
		text-align: center;
		margin-top: 10px;
	}
	.joinCon_3ConList{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.joinCon_3ConListInput{
		width: 80%;
		float: left;
		margin-left: 10%;
		background: #fff;
		border-radius: 4px;
		padding: 10px;
		border: 1px solid #f2f5f8;
		margin-top: 10px;
		font-size: 14px;
		color: #333;
	}
	.joinCon_3ConListTextarea{
		width: 80%;
		padding: 10px;
		float: left;
		background: #fff;
		border-radius: 4px;
		border: 1px solid #f2f5f8;
		margin-left: 10%;
		margin-top: 10px;
		min-height: 100px;
		font-size: 14px;
		color: #333;
	}
	.joinCon_2Tit3Wap{
		width: 96%;
		float: left;
		margin: 20px 2%;
	}
	.joinCon_3ConListButton{
		width: 80%;
		float: left;
		background: #228d4d;
		padding: 10px 0;
		color: #fff;
		border-radius: 4px;
		border: none;
		font-size: 14px;
		margin-left: 10%;
		margin-top: 20px;
	}


	/*	联系我们*/
	.contactBanenr{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/contactBack.png") no-repeat center;
		background-size: cover;
		height: 260px;
		margin-top: 40px;
	}
	.contactText{
		width: 100%;
		text-align: center;
		float: left;
		font-size: 16px;
		line-height: 36px;
		color: #333;
		margin-top: 30px;
	}
	.contactCode{
		width: 40%;
		margin-left: 30%;
		float: left;
	}
	.contactTextLi{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.contactTextLi img{
		width: 120px;
		height: 120px;
		margin: 0 auto;
		display: block;
	}
	.contactTextLi p{
		float: left;
		font-size: 14px;
		width: 100%;
		color: #333;
		text-align: center;
		line-height: 30px;
	}
	.contactConMap{
		width: 100%;
		float: left;
		margin-top: 30px;
		border-top: 1px solid #f2f5f8;
		padding-top: 30px;
	}
	.contactConMapTit{
		width: 100%;
		float: left;
		font-size: 20px;
		text-align: center;
		color: #333;
	}
	.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
	.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	#dituContent{
		width:100%;
		height:350px;
		margin-top: 40px;
		float: left;
	}

	/*	新闻资讯*/
	.newsBanner{
		width: 100%;
		float: left;
		background: url("/Public/changsheng/images/news.png") no-repeat center;
		background-size: cover;
		height: 260px;
		margin-top: 40px;
	}
	.newsMenu {
		width: 100%;
		float: left;
	}
	.newsMenu a{
		width: 100%;
		float: left;
		padding: 14px 0;
		text-align: center;
		font-size: 12px;
		color: #333;
		background: #f2f5f8;
		margin-top: 1px;
	}
	.newsMenu a:hover{
		background: #19a250;
		color: #fff;
	}
	.newsMenuLiOn{
		background: #19a250 !important;
		color: #fff !important;;
	}
	.newsList{
		width: 68%;
		float: right;
	}
	.newsListLi{
		width: 96%;
		float: left;
		margin-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #f2f5f8;
	}
	.newsListLi p{
		width: 100%;
		float: left;
		color: #333;
		font-size: 12px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.newsListLi span{
		width: 100%;
		float: left;
		color: #666;
		font-size: 12px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		line-height: 20px;
		margin-top: 6px;
	}
	.newsListLi h4{
		width: 100%;
		float: left;
		color: #ccc;
		font-size: 12px;
		margin-top: 6px;
	}
}