/*banner*/
.boxL{


	width: 100%;

	height:auto;

	position: relative;
}
.boxL img{
	width: 100%;
}
.boxL .swiper-pagination{
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 100%;
}
.boxL .swiper-pagination span{
	width: 36px;
	height: 9px;
	margin: 0 5px;
	opacity: 1 !important;
	background: #eee;
	border-radius: 0 ;
}
.boxL .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff !important;
}
.boxL .swiper-button-prev{
	background-image: url("../images/left2.png") !important;
	width: 75px;
	height: 75px;
	background-size: 100%;
	left: 10%;
}
.boxL .swiper-button-next{
	background-image: url("../images/right2.png") !important;
	width: 75px;
	height: 75px;
	background-size: 100%;
	right: 10%;
}
/*product*/
.pros{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.pros img{
	width: 70%;
}
.zuhetype{
	margin: 50px 0;
}
.zuhetype a{
	color: #0d6754;
	font-size: 20px;
	height: 45px;
	border: 1px solid #0d6754 ;
	width: 266px;
	display: inline-block;
	margin: 20px 10px;
	text-align: center;
	line-height: 45px;
	border-radius: 8px;
}
.zuhetype a.active{
	font-size: 26px;
	color: #fff;
	background: #0d6754;
	width: 368px;
	height: 70px;
	line-height: 70px;
}
.pros .swiper-pagination{
	position: absolute;
	width: 100%;
	bottom: -40px;
}
.pros .swiper-pagination span{
	width: 36px;
	height: 9px;
	margin: 0 5px;
	opacity: 1 !important;
	background: #c6deb5;
	border-radius: 0 ;
}
.pros .swiper-pagination-bullet-active {
	opacity: 1;
	background: #0d6754 !important;
}
.pros .swiper-button-prev{
	background-image: url("../images/left2.png") !important;
	width: 75px;
	height: 75px;
	background-size: 100%;
}
.pros .swiper-button-next {
	background-image: url("../images/right2.png") !important;
	width: 75px;
	height: 75px;
	background-size: 100%;
}

.product{

	overflow: hidden;

	margin: 80px 0 60px;
}
.com{

	width: 1200px;

	margin: 0  auto;
}
.productL{

	width: 337px;

	float: left;
}
.productL h2{

	width: 337px;

	height: 130px;

	text-align: center;

	line-height: 130px;

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

	background-size: 100% 100%;

	font-size: 36px;

	color: #fff;

	font-weight: normal;

	margin-bottom: 10px;
}
.producttype{

}
.producttype a{

	display: block;

	text-align: center;

	color: #0d6754;

	height: 70px;

	border: 1px solid #ddd;

	margin-bottom: 10px;

	line-height: 70px;
}
.producttype a.active{
	font-weight: 700;
	background: #404040;
	color: #fff;
}
.producttype a:hover {
	font-weight: 700;
	background: #404040;
	color: #fff;
}
.view{

	display: block;

	background: #ff9933;

	color: #fff;

	height: 70px;

	border: 1px solid #ddd;

	text-align: center;

	line-height: 70px;
}

.hotline{

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

	height: 110px;

	background-size: 100% 100%;

	margin-top: 10px;
}
.hotline img{

	float: left;

	margin-left: 74px;

	margin-top: 30px;
}
.hotlinea {

	color: #fff;

	font-size: 18px;

	float: left;

	margin-top: 30px;

	margin-left: 10px;
}
.productR{

	float: right;

	width: 829px;
}
.productRcon{
	display: none;
}
.productintro{

	overflow: hidden;
}
.productroL{

	float: left;

	float: left;

	width: 342px;
}
.productroL img{

}
.productroR{

	float: right;

	width: 479px;
}
.productroR h3{

	font-size: 18px;

	color: #272727;

	font-weight: normal;
}
.productroR p{

	font-size: 14px;

	color: #838383;

	line-height: 20px;

	text-align: justify;
}
.line{

}
.line span{

	background: #0d6754;

	height: 5px;

	width: 50px;

	display: inline-block;
}
.productlist{

	overflow: hidden;
}
.productlist a{

	float: left;

	text-align: center;

	margin: 20px 0 0;
	width: 33.33%;
}
.productlist a p{

	margin-bottom: 15px;
	height: 120px;

}
.productlist a p img{

	height: 120px;
	vertical-align: middle;
}
.productlist a h2{

	font-size: 16px;

	font-weight: normal;
}
.ad{background: url("../images/adbg.png") no-repeat;background-size: 100% 100%;color: #fff;margin: 30px 0;}
.adcon{

	overflow: hidden;

	width: 1200px;

	margin: 0 auto;
}
.adconL{

	float: left;
}
.adconL img{

}
.adconR {

	float: left;

	margin-left: 40px;
}
.adconR h2{

	font-size: 30px;

	font-weight: normal;

	margin-bottom: 30px;

	margin-top: 30px;
}
.adconR p{

	margin-bottom: 30px;
}
.adconR p span{

	font-size: 16px;
}
.adconR p span img{

}
.adconR h3{}
.adconR h3 span{
	font-size: 24px;
	float: left;
	font-weight: normal;
	margin-top: 10px;
}
.adconR h3 a{
	display: block;
	width: 172px;
	height: 50px;
	background: #ff9933;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-weight: normal;
	float: left;
	margin-left: 80px;
}


/*927*/
.sTitle{

	border-left: 5px solid #0d6754;

	color: #0d6754;

	padding-left: 8px;

	font-size: 26px;

	margin: 20px auto;
}
.procenter{

}
.procenter-two{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;
}
.procenteritem{

	display: block;

	position: relative;
	overflow: hidden;
}
.procenteritem img{
	transition: 300ms;
}
.procenteritem:hover img{
	transform: scale(1.1);
}
.procenteritem h2{

}
.procenteritem h2 img{

	width: 100%;
}
.procenteritem p{

	position: absolute;

	width: 100%;

	bottom: 0;

	background: rgba(0,0,0,.2);

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #fff;
}
.procenter-three{

	display: flex;

	justify-content: space-between;

	margin-top: 10px;
}
.procenter-three .procenteritem{

	width: 32%;
}
.procenter-two{

}
.procenter-two .procenteritem{

	margin: 10px 0;

	width: 48.5%;
}
.procenter-two .procenteritem:hover p{
	background: #0d6754;
}
.procenter-three .procenteritem:hover p{
	background: #0d6754;
}
.proxuanxing{
	background: url(../images/centerbg.png) no-repeat;
	background-size: 100% 100%;
	margin: 40px 0;
	padding-bottom: 40px;
}
.proxuanxingcon{

}
.proxuanxingcon a{

	float: left;

	width: 25%;

	text-align: center;
}
.proxuanxingcon1 a:nth-child(odd){
	background:rgba(255,255,255,.2);
}
.proxuanxingcon1 a:nth-child(even){
	background:rgba(0,0,0,.2);
}
.proxuanxingcon2 a:nth-child(odd){
	background:rgba(0,0,0,.2);

}
.proxuanxingcon2 a:nth-child(even){
	background:rgba(255,255,255,.2);
}


.proxuanxingcon h2{

	margin: 20px 0 0;

	overflow: hidden;

	width: 90%;

	margin: 15px auto;
}
.proxuanxingcon h2 img{
	transition: 300ms;
}
.proxuanxingcon a:hover img{
	transform: scale(1.2);
}
.proxuanxingcon p{

	color: #fff;

	height: 33px;

	line-height: 33px;
}
.jiekou{background: url(../images/jiekoubg.png) no-repeat;background-size: 100% 100%;padding: 20px 0;margin: 40px 0;}
.jiekou1{

	display: flex;

	width: 84%;

	margin: 0 auto;
}
.jiekou1L{

	width: 14%;

	background: rgba(255,255,255,.2);

	color: #fff;

	/* justify-content: center; */

	padding: 3%;

	align-items: center;

	display: flex;

	text-align: justify;
}
.jiekou1R{

	display: flex;

	width: 81%;
}
.jiekou1R a{

	background: rgba(255,255,255,.2);

	margin: 0 1%;

	width: 33%;

	text-align: center;

	color: #fff;
}
.jiekou1R a h2{

}
.jiekou1R a h2 img{
	transition: 300ms;
}
.jiekou1R a:hover img{
	transform: scale(1.05);
}
.jiekou1R a p{

	margin-bottom: 10px;

	margin-top: -10px;
}
.jiekou2{

	text-align: center;

	color: #fff;
}
.indexnews{

}
.indexnewscon{

	display: flex;

	justify-content: space-between;
}
.indexnewsitem{

	width: 49%;

	float: left;

	/* margin: 1%; */
}
.indexnewsitem h2{

	overflow: hidden;

	margin: 20px 0;
}
.indexnewsitem h2 span{

	float: left;

	background: #f3f3f3;

	border-radius: 40px;

	color: #0d6754;

	/* font-weight: normal; */

	padding-right: 21px;
}
.indexnewsitem h2 span img{

	width: 40px;
}
.indexnewsitem h2 a{

	float: right;

	color: #999;

	font-size: 14px;

	font-weight: normal;

	margin-top: 10px;
}
.indexnewsitem h2 a img {

	vertical-align: middle;

	margin-left: 10px;
}
.newsimg{

}
.newsimg img{

	width: 100%;
}
.newslist{

	overflow: hidden;
}
.newslist a{

	display: block;

	overflow: hidden;

	height: 30px;

	margin: 11px 0;

	line-height: 30px;
}
.newslist a p{

	float: left;
}
.newslist a span{

	float: right;
}
.newslist a:hover {
	color: #0d6754;
}
.about{
	background: url(../images/introbg.png) no-repeat;
	background-size: 129% 372px;
	margin: 40px 0;
}
.about h2{

	/* text-align: center; */

	margin: 30px 0;

	color: #fff;

	border-color: #fff;
}
.about h2 img{
	height: 36px;
}
.aboutcon{

	width: 1100px;

	margin: 0 auto 80px;

	overflow: hidden;

	/* padding: 30px 0; */

	box-shadow: 1px 1px 1px 1px #ddd;

	background: rgba(255,255,255,.8);
}
.abouconL{

	float: left;

	/* box-shadow: 1px 3px 10px 2px #ddd; */

	width: 43%;

	border-radius: 20px;

	margin: 2% 1%;

	/* height: 302px; */
}
.abouconL h3{

	font-size: 31px;

	/* line-height: 103px; */

	color: #0d6754;

	margin-bottom: 20px;
}
.abouconL h3 img{

	/* height: 87px; */

	margin: 17px 0;

	vertical-align: sub;

	/* margin-left: -95px; */

	/* margin-top: -57px; */
}
.abouconL h2{

	text-align: center;

	font-size: 33px;

	font-weight: normal;

	margin: 20px;

	color: #0d6754;

	width: 75%;

	margin: 0 auto;
}
.abouconL h2 a{

	float: right;
}
.abouconL h2 a img{}
.abouconL p{

	/* width: 73%; */

	/* margin: 10px auto; */

	font-size: 13px;

	/* line-height: 31px; */

	text-align: justify;

	line-height: 20px;
}
.abouconL a{

	background: #0d6754;

	color: #fff;

	padding: 11px 16px;

	display: inline-block;

	width: 128px;

	margin: 10px 0;

	text-align: center;

	margin-top: 26px;
}
.abouconL a img{
	float: right;
	margin: 5px;
}
.abouconR{

	float: left;

	width: 49%;

	margin: 2%;
}
.abouconR img{
}
/*927*/

@media (max-width: 996px) {
	/*product*/
	.pros img{
		width: 90%;
	}
	.pros{
		position: relative;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.zuhetype a{
		color: #0d6754;
		font-size: 20px;
		height: 45px;
		border: 1px solid #0d6754 ;
		width: 266px;
		display: inline-block;
		margin: 10px 10px;
		text-align: center;
		line-height: 45px;
		border-radius: 8px;
	}
	.zuhetype a.active{
		font-size: 26px;
		color: #fff;
		background: #0d6754;
		width: 368px;
		height: 70px;
		line-height: 70px;
	}
	.pros .swiper-pagination{
		position: absolute;
		width: 100%;
		bottom: -23px;
	}
	.pros .swiper-pagination span{
		width: 36px;
		height: 9px;
		margin: 0 5px;
		opacity: 1 !important;
		background: #c6deb5;
		border-radius: 0 ;
	}
	.pros .swiper-pagination-bullet-active {
		opacity: 1;
		background: #0d6754 !important;
	}
	.pros .swiper-button-prev{
		background-image: url("../images/left2.png") !important;
		width: 55px;
		height: 55px;
		background-size: 100%;
		display: none;
	}
	.pros .swiper-button-next {
		background-image: url("../images/right2.png") !important;
		width: 75px;
		height: 75px;
		background-size: 100%;
		display: none;
	}

	.product{

		overflow: hidden;

		margin: 30px 0;
	}
	.com{

		width: 100%;

		margin: 0  auto;
	}
	.productL{

		width: 100%;

		float: left;

	}
	.productL h2{

		width: 100%;

		height: 60px;

		text-align: center;

		line-height: 60px;

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

		background-size: 100% 100%;

		font-size: 18px;

		color: #fff;

		font-weight: normal;

		margin-bottom: 10px;

	}
	.producttype{

		display: flex;

	}
	.producttype a{

		flex: 1;

		alignment-baseline: middle;

		display: block;

		text-align: center;

		color: #0d6754;

		height: 35px;

		border: 1px solid #ddd;

		margin-bottom: 10px;

		line-height: 35px;

		font-size: 14px;

	}
	.view{

		display: block;

		background: #ff9933;

		color: #fff;

		height: 35px;

		border: 1px solid #ddd;

		text-align: center;

		line-height: 35px;

	}

	.hotline{

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

		height: 110px;

		background-size: 100% 100%;

		margin-top: 10px;

		display: none;

	}
	.hotline img{

		float: left;

		margin-left: 74px;

		margin-top: 30px;
	}
	.hotlinea {

		color: #fff;

		font-size: 18px;

		float: left;

		margin-top: 30px;

		margin-left: 10px;
	}
	.productR{

		float: right;

		width: 100%;

		margin-top: 10px;

	}
	.productRcon{
		display: none;
		width: 96%;
		margin: 0 auto;
	}
	.productintro{

		overflow: hidden;
	}
	.productroL{

		float: left;

		float: left;

		width: 100%;

	}
	.productroL img{

		width: 100%;

	}
	.productroR{

		float: right;

		width: 100%;

		margin-top: 10px;

	}
	.productroR h3{

		font-size: 18px;

		color: #272727;

		font-weight: normal;
	}
	.productroR p{

		font-size: 12px;

		color: #838383;

		line-height: 21px;
	}
	.line{

	}
	.line span{

		background: #0d6754;

		height: 5px;

		width: 50px;

		display: inline-block;
	}
	.productlist{

		overflow: hidden;
	}
	.productlist a{

		float: left;

		text-align: center;

		margin: 20px 0 0;

		width: 48%;

		margin: 1%;

		/* height: 130px; */

	}
	.productlist a p{

		margin-bottom: 15px;

		height: 100px;

		line-height: 100px;

	}
	.productlist a p img{

		height: 70px;

	}
	.productlist a h2{

		font-size: 16px;

		font-weight: normal;
	}
	.ad{background: url("../images/adbg.png") no-repeat;background-size: 100% 100%;color: #fff;margin: 30px 0;}
	.adcon{

		overflow: hidden;

		width: 100%;

		margin: 0 auto;
	}
	.adconL{

		float: left;

		width: 100%;

	}
	.adconL img{

		width: 100%;

	}
	.adconR {

		float: left;

		margin-left: 13px;

		width: 95%;

	}
	.adconR h2{

		font-size: 16px;

		font-weight: normal;

		margin-bottom: 20px;

		margin-top: 20px;

	}
	.adconR p{

		margin-bottom: 30px;
	}
	.adconR p span{

		font-size: 14px;

	}
	.adconR p span img{

	}
	.adconR h3{}
	.adconR h3 span{
		font-size: 15px;
		float: left;
		font-weight: normal;
		margin-top: 10px;
	}
	.adconR h3 a{
		display: block;
		width: 112px;
		height: 50px;
		background: #ff9933;
		color: #fff;
		text-align: center;
		line-height: 50px;
		font-weight: normal;
		float: right;
		margin-left: 80px;
	}
	.about{
		background-size: cover;
	}
	.about h2{

		text-align: center;

		margin: 30px 0;
	}
	.about h2 img{

		height: 30px;

	}
	.aboutcon{

		width: 100%;

		margin: 0 auto;

		overflow: hidden;
	}
	.abouconL{

		float: left;

		box-shadow: 1px 3px 10px 2px #ddd;

		width: 97%;

		border-radius: 20px;

		margin: 2% 1%;

		height: auto;

	}
	.abouconL h2{

		text-align: left;

		font-size: 21px;

		font-weight: normal;

		margin: 20px;
	}
	.abouconL h2 a{

		float: right;
	}
	.abouconL h2 a img{}
	.abouconL p{

		width: 92%;

		margin: 10px auto;

		font-size: 14px;

		line-height: 31px;
	}
	.abouconR{

		float: right;

		width: 100%;

		margin: 2% 0;

	}
	.abouconR img{

		width: 100%;

	}
	.copyright{
		height: auto;
		padding: 10px;
	}
	.boxL .swiper-button-prev{
		background-image: url("../images/left2.png") !important;
		width: 75px;
		height: 75px;
		background-size: 100%;
		left: 10%;
		display: none;
	}
	.boxL .swiper-button-next{
		background-image: url("../images/right2.png") !important;
		width: 75px;
		height: 75px;
		background-size: 100%;
		right: 10%;
		display: none;
	}
	.zuhetype{
		margin: 30px 0;
	}

	.procenter-two{
		display: block;
	}
	.procenter-three{
		display: block;
	}
	.procenteritem{
		width: 100% !important;
		margin-bottom: 10px;
	}
	.proxuanxingcon a{
		width: 50%;
	}
	.jiekou1{
		display: block;
		width: 100%;
	}
	.jiekou1L{
		width: 93%;
		padding: 10px ;
		margin-bottom: 10px;
	}
	.jiekou1R{
		width: 100%;
	}
	.indexnewscon{
		width: 100%;
		display: block;
	}
	.indexnewsitem{
		width: 100%;
	}

}