.tab {

	margin-bottom: 50px !important;

	margin-top: 20px !important;

}

.tabli {

	width: 32%;

	margin-left: 1%;

	float: left;

	height: 300px;

	padding: 160px 10px 0px 10px;

	box-sizing: border-box;

	text-align: center;

	color: #1d1f87;

	font-size: 10px;

}

.tabli:first-child {

	margin-left: 1%;

}

.active {

	color: white
}

.lione {

	background: url(../img/priduct/chanpinzhongxin-tip-01.jpg) center center no-repeat;

	background-size: 100% auto;

}

.lione.active {

	background: url(../img/priduct/chanpinzhongxin-tip-07.jpg) center center no-repeat;

	background-size: 100% auto;

}

.litwo {

	background: url(../img/priduct/chanpinzhongxin-tip-02.jpg) center center no-repeat;

	background-size: 100% auto;

}

.litwo.active {

	background: url(../img/priduct/chanpinzhongxin-tip-08.jpg) center center no-repeat;

	background-size: 100% auto;

}

.lithree {

	background: url(../img/priduct/chanpinzhongxin-tip-03.jpg) center center no-repeat;

	background-size: 100% auto;

}

.lithree.active {

	background: url(../img/priduct/chanpinzhongxin-tip-09.jpg) center center no-repeat;

	background-size: 100% auto;

}

.lifour {

	background: url(../img/priduct/chanpinzhongxin-tip-04.jpg) center center no-repeat;

	background-size: 100% auto;

}

.lifour.active {

	background: url(../img/priduct/chanpinzhongxin-tip-10.jpg) center center no-repeat;

	background-size: 100% auto;

}

.lifive {

	background: url(../img/priduct/chanpinzhongxin-tip-05.jpg) center center no-repeat;

	background-size: 100% auto;

}

.lifive.active {

	background: url(../img/priduct/chanpinzhongxin-tip-11.jpg) center center no-repeat;

	background-size: 100% auto;

}

.lisix {

	background: url(../img/priduct/chanpinzhongxin-tip-06.jpg) center center no-repeat;

	background-size: 100% auto;

}

.lisix.active {

	background: url(../img/priduct/chanpinzhongxin-tip-12.jpg) center center no-repeat;

	background-size: 100% auto;

}

/* 轮播图 */

/* .jq22-container{

	margin-top: 100px;

	margin-bottom: 80px;

}

.flexslider {

	position: relative;

}



.slides {

	position: relative;

	z-index: 1;

	opacity: 1;

}

.slides li{

	-moz-box-shadow:3px 1px 5px #666666;

	-webkit-box-shadow:3px 1px 5px #666666;

	box-shadow:3px 1px 5px #666666;

}

.flex-control-nav li {

	display: inline-block;

	width: 14px;

	height: 14px;

	margin: 0 5px;

	*display: inline;

	zoom: 1;

}



.flex-control-nav .flex-active {

	background-position: 0 0;

}



.flex-direction-nav {

	position: absolute;

	z-index: 3;

	width: 100%;

	top: 45%;

}



.flex-direction-nav li a {

	display: block;

	width: 50px;

	height: 50px;

	overflow: hidden;

	cursor: pointer;

	position: absolute;

}

.flex-direction-nav li a.flex-prev {

	left: 0px;

	background: url(../img/priduct/prev.jpg) center center no-repeat;

	background-size: 70% 100%;

}



.flex-direction-nav li a.flex-next {

	right: 0px;

	background: url(../img/priduct/next.jpg) center center no-repeat;

	background-size: 70% 100%;

}

.slidesimg{

	width: 45%;

	float: left;

}

.slidestxt{

	width: 53%;

	float: left;

	margin-left: 2%;

}

.slidestxt .pone{

	font-size: 31px;

	line-height: 50px;

}

.slidestxt .ptwo{

	line-height: 2;

	font-size: 20px;

}

.slidestxt .pthree{

	letter-spacing:4px;

	line-height: 1.5;

}

.slidestxt .dfour{

	margin-top: 20px;

	

}

.dfour p{

	line-height: 40px;

}

.dfour .dfour-done,.dfour .dfour-dtwo,.dfour .dfour-dthree{

	float: left;

	width: 28%;

	margin-left: 4%;

	text-align: center;

	font-size: 18px;

	-moz-box-shadow:2px 2px 5px #666666;

	-webkit-box-shadow:2px 2px 5px #666666;

	box-shadow:2px 2px 5px #666666;

}

.dfour .dfour-done img,.dfour .dfour-dtwo img,.dfour .dfour-dthree img{

	width: 100%;

}

.slidestxt button{

	width: 55%;

	margin-top: 30px;

	border-radius: 30px;

	background-color: red;

	padding: 5px;

	letter-spacing:8px;

}

.slidestxt button a{

	color: white;

	font-size: 20px;

}

.slidestxt button img{

	width: 35px;

}

.slidestxt .dfive{

	color: red;

	font-size: 28px;

	float: right;

	margin-top: 20px;

}

.flex-control-nav{

	display: none;

} */

.protabli {

	display: none;

}

.imgactive {

	display: block;

}

.prolidiv {

	width: 30%;

	float: left;

	margin-bottom: 40px;

}

.prolidiv:nth-child(3n) {

	margin-left: 5%;

}

.prolidiv:nth-child(3n-1) {

	margin-left: 5%;

}



.prolion .proxinxi {

	background-color: #1d2088;

}

.prolion .proxinxi .xinxip1 {

	color: white;

}

.prolion .proxinxi .xinxip2,
.prolion .proxinxi .xinxip3 {

	color: white;

}

.prolion .proxinxi .probtn1 {

	border: 1px solid white;

	color: white;

}

.proimg {

	border: 5px solid #f4f4fe;

	border-radius: 5px;

}

.proimg img {

	width: 100%;

}

.proxinxi {

	width: 99%;

	-moz-box-shadow: 2px 2px 3px #666666;

	-webkit-box-shadow: 2px 2px 3px #666666;

	box-shadow: 2px 2px 3px #666666;

}

.proxinxi .xinxip1 {

	font-size: 12px;

	line-height: 50px;

	text-align: center;

	font-weight: 700;

}

.proxinxi button {

	width: 80%;

	font-size: 6px;

	background-color: transparent;

	padding: 5px;

	box-sizing: border-box;

	margin-left: 8%;

	margin-top: 5px;

	border-radius: 5px;

	margin-bottom: 5px;

}

.proxinxi .probtn1 {

	border: 1px solid #1d2088;

	color: #1d2088
}

.proxinxi .probtn2 {

	border: 1px solid #d81e06;

	color: #d81e06
}

.proxinxi .xinxip2,
.proxinxi .xinxip3 {

	font-size: 8px;

	line-height: 1.5;

	margin-left: 10px;

}

.lidivone {

	margin-left: 0px;

}

@media(min-width:576px) {

	.tabli {

		width: 16%;

		margin-left: 0.8%;

		float: left;

		height: 300px;

		padding: 140px 10px 0px 10px;

		box-sizing: border-box;

		text-align: center;

		color: #1d1f87;

		font-size: 15px;

	}

	.active {

		color: white;

	}

	.tabli:first-child {

		margin-left: 0px;

	}

	.proxinxi .xinxip1 {

		font-size: 16px;

	}

	.proxinxi .xinxip2,
	.proxinxi .xinxip3 {

		font-size: 11px;

	}

	.proxinxi button {

		width: 38%;

		font-size: 11px;

		background-color: transparent;

		padding: 5px;

		box-sizing: border-box;

		margin-left: 8%;

		margin-top: 20px;

		border-radius: 5px;

		margin-bottom: 20px;

	}

}

@media(min-width:768px) {

	.tabli {

		font-size: 20px;

	}

	.proxinxi .xinxip1 {

		font-size: 20px;

	}

	.proxinxi .xinxip2,
	.proxinxi .xinxip3 {

		font-size: 13px;

	}

	.proxinxi button {

		font-size: 13px;

	}

}

@media(min-width:992px) {

	.tabli {

		font-size: 24px;

	}

	.proxinxi .xinxip1 {

		font-size: 22px;

	}

	.proxinxi .xinxip2,
	.proxinxi .xinxip3 {

		font-size: 13px;

	}

	.proxinxi button {

		font-size: 13px;

	}

}

@media(min-width:1200px) {

	.tabli {

		font-size: 24px;

	}

	.proxinxi .xinxip1 {

		font-size: 26px;

	}

	.proxinxi .xinxip2,
	.proxinxi .xinxip3 {

		font-size: 16px;

	}

	.proxinxi button {

		font-size: 16px;

	}

}

@media screen and (max-width:768px) {
	.tab {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.tab .tabli {
		width: 32%;
		margin-top: 2%;
	}

	.imgactive {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.imgactive .prolidiv {
		width: 48%;
		margin-left: 0;
	}
}

@media screen and (max-width:500px) {
	.tab .tabli {
		width: 48%;
	}
}