ul{padding-left:0px;}
li{list-style:none;}

.koubeibg{background-color:#f5f5f5;}

.con_list li{margin-bottom:80px;padding: 0px 28px;}
.con_list li .pic img{display:block;margin:0 auto;}
.con_list li .txt p{text-align:center;font-size:18px;color:#333;}
.con_list li .txt i{display:block;width:100%;text-align:center;font-style:normal;color:#999;line-height:22px;}

.how_list{margin-bottom:40px;margin-top:40px;}
.how_list li .pic img{width:100%}
.how_list li .pic p{margin-bottom:0px;}
.how_list li .txt{background-color:#fff;padding-bottom:20px;position:relative;}
.how_list li .txt p{text-align:center;font-size:20px;color:#333;padding:20px 0 10px 0;transition:all 0.8s;}
.how_list li .txt i{display:block;width:100%;text-align:center;font-style:normal;color:#666;padding:10px 20px;line-height:24px;transition:all 0.8s;}
.how_list li .txt span{visibility:hidden;opacity:0;width:0%;height:100%; background:rgba(94,169,238,.8);position:absolute;left:0;top:0px;right:0;bottom:0;margin:auto;z-index:0;transition:all 0.8s;}
.how_list li:hover{cursor:pointer;}
.how_list li:hover .txt span{visibility:visible;opacity:0.9;width:100%;height:100%;transition:all 0.8s;}
.how_list li:hover .txt p,.how_list li:hover .txt i{position:relative;z-index:1;color:#fff;transition:all 0.8s;}


.sy_list{margin-bottom:40px;margin-top:40px;}
.sy_list li .pic p img{display:block;margin:0 auto;transform:scale(1);transition:all 0.8s;}
.sy_list li .txt p{text-align:center;font-size:18px;color:#333;line-height:24px;margin-top:25px;}
.sy_list li .txt i{font-size:14px;color:#666;text-align:center;font-style:normal;text-align:center;display:block;line-height:24px;}
.sy_list li .txt span{display:block;width:28px;height:2px;background-color:#638fff;margin:20px auto;transition:all 0.8s;}
.sy_list li:hover{cursor:pointer;}
.sy_list li:hover span{width:50%;transition:all 0.8s;}
.sy_list li:hover .pic p img{transform:scale(1.05);transition:all 0.8s;}

.koubeibg2{background:url("../../../nimg/koubei/kouber_bg.png") no-repeat center center ;background-size:cover;    background-color: #f3f3f3;}
/* .koubeibg2 .ys_con{height:422px;} */
.koubeibg2 .container{position:relative;}
.koubeibg2 .txt{width:310px;position:relative;}
.koubeibg2 .txt p{font-size:18px;color:#333;text-align:right;margin-bottom:5px;}
.koubeibg2 .txt i{font-size:14px;color:#666;font-style:normal;}
.koubeibg2 .txtr{right:0px;}
.koubeibg2 .txtr p{right:0px;text-align:left;}
.koubeibg2 .txt:nth-child(1){top:77px;left:10.833333%;}
.koubeibg2 .txt:nth-child(2){top:133px;left:-0.583334%;}
.koubeibg2 .txt:nth-child(3){top:197px;left:0px;width:200px;}
.koubeibg2 .txt:nth-child(4){top:-153px;left:62.083333%;}
.koubeibg2 .txt:nth-child(5){top:-117px;left:73.25%;}
.koubeibg2 .txt:nth-child(6){top:-52px;left:81.25%;width:220px;}

.pp_list{padding:0px;border-right:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:40px;margin-top:40px;}
.pp_list .col-lg-2,.pp_list .col-md-2,.pp_list .col-sm-2{width: 20%;padding:0px;}
.pp_list li .pic{border:1px solid #eeeeee;display:block;box-sizing:border-box;overflow:hidden;}
.pp_list li .pic p{margin-bottom:0px;}
.pp_list li .pic p img{width:100%;transform:scale(1);transition:all 0.8s;}
.pp_list li:nth-child(n) .pic{border-bottom:0px;border-right:0px;}
.pp_list li:hover{cursor:pointer;}
.pp_list li:hover .pic p img{transform:scale(1.05);transition:all 0.8s;}

/* .pp_list li:nth-child(5n) .pic{border-right:1px solid #eee;} */

@media screen and (max-width:1200px){
	.koubeibg2 .txt{width:200px;}
	.koubeibg2 .txt:nth-child(1){top:23px;width:245px;}
	.koubeibg2 .txt:nth-child(2){top:35px;width:245px;}
	.koubeibg2 .txt:nth-child(3){position:absolute;top:226px;width:184px;}
	.koubeibg2 .txt:nth-child(4){width:245px;top:-146px;}
	.koubeibg2 .txt:nth-child(5){width:245px;top:-136px;left:72.25%}
	.koubeibg2 .txt:nth-child(6){position:absolute;top:226px;width:184px;left:78.25%}
}
@media screen and (max-width:993px){
	.koubeibg2{background:unset;background-color:#f3f3f3; height:auto;}
	.koubeibg2 .ys_con{margin-top:20px;}
	.koubeibg2 .txt:nth-child(n){width:45%;position:unset;float:left;margin-bottom:20px;}
	.koubeibg2 .txt:nth-child(3),.koubeibg2 .txt:nth-child(6){position:unset;}
	.koubeibg2 .txt:nth-child(2n){float:right;}
	.koubeibg2 .txt p,.koubeibg2 .txtr p{text-align:center;}
	.koubeibg2 .txt p:nth-child(2) i{display:block;line-height:24px;}
	.koubeibg2 .txt p:nth-child(1):before{content:"";display:block; width:50px;height:50px;margin:0 auto;margin-bottom:10px;}
	.koubeibg2 .txt:nth-child(1) p:nth-child(1):before{background:url("../../../nimg/koubei/koubei_icon_06.png") no-repeat center center;}
	.koubeibg2 .txt:nth-child(2) p:nth-child(1):before{background:url("../../../nimg/koubei/koubei_icon_11.png") no-repeat center center;}
	.koubeibg2 .txt:nth-child(3) p:nth-child(1):before{background:url("../../../nimg/koubei/koubei_icon_19.png") no-repeat center center;}
	.koubeibg2 .txt:nth-child(4) p:nth-child(1):before{background:url("../../../nimg/koubei/koubei_icon_03.png") no-repeat center center;}
	.koubeibg2 .txt:nth-child(5) p:nth-child(1):before{background:url("../../../nimg/koubei/koubei_icon_22.png") no-repeat center center;}
	.koubeibg2 .txt:nth-child(6) p:nth-child(1):before{background:url("../../../nimg/koubei/koubei_icon_14.png") no-repeat center center;}
}
@media screen and (max-width:768px){
	
	.con_list li{margin-bottom:40px;}
	.how_list,ul{padding-left:0px;}
	li,.con_list li{padding-left:8px;padding-right:8px;margin-bottom:10px;}
	.how_list li{padding:0 8px;}
	.how_list li .txt p{font-size:18px;margin-bottom:0;}
	
	
	.sy_list li .pic{width:25%;}
	
	
	.pp_list .col-xs-4{width:33.3333333%;}
	
}