.content {


	margin: 0 auto;

	position: relative; overflow:hidden; padding:0 20px

}




.s-bg-fff {

	background: #fff;

}

.m-listCshow .item {

	margin-right: 26px;

	float: left;

	position: relative;

	width: 300px; overflow:hidden;

	margin-bottom: 30px; border:1px #d2d2d2 solid

}

.m-listCshow .item:nth-of-type(4n){
 

}

.u-listShow {

	width: 291px;

	

	overflow: hidden;

}

.u-listShow .item-top {

	position: relative;

	height: 280px;

	width: 280px;

	overflow: hidden;

}

.u-listShow .item-bottom {

	position: relative;

}

.u-listShow .item-top img {

	width:280px; height:280px

}

.u-listShow .item-top p {

	position: absolute;

	top: 100%;

	left: 0;

	z-index: 5;

	width: 223px;

	height: 210px;

	padding:8px 35px;

	

}

.u-listShow .item-top p >img{

	width: 220px;

	height: 210px;

}

.u-listShow .item-bottom {

	position: relative;

}

.u-listShow .item-bottom .tit {

	position: relative;

	padding: 10px 0 7px;

}
.whyPig .hd h2, .whyPig .hd2 h2 {
    display: block;
    width: 520px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #49b44f;
    font-size: 30px;
    margin: 50px auto;
    font-weight: normal;
    background: #fff;
}

.whyPig .hd2 .h2{
	display: block;width: 520px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 30px;margin: 40px auto 30px;font-weight: normal;}
.whyPig .hd2 .h2 img{
	margin-left:30px;
}
.case{
	margin:0 20px;
}
.case_nav a{
	width:184px;
	height:38px;
	margin-right:8px;
	background:#fff;
	opacity:0.7;
	line-height:38px;
	text-align:center;
	font-size:18px;
	color:#999;
	float:left;
}
.case_nav a:hover,.case_nav a.active{
	opacity:1;
}
.m-listCshow .item .tit p, .m-listCshow .item .con {
	width:100%;
  height:40px;
  overflow:hidden;
  /*text-overflow:ellipsis; 
white-space:nowrap; */
  line-height:20px;
  
	color: #999;  font-size:12px

}
.u-listShow .item-bottom .tit .h20{height:26px;
line-height:20px;}
.u-listShow .item-bottom .tit h4 {

	float:left;

	

	padding-bottom:6px;

	overflow: hidden;

	
}
.u-listShow .item-bottom .tit .button{
	float:right;
	border:1px #49b44f solid;
	padding:0 7px;
	height:18px;
	color:#49b44f;
	text-align:center;
	line-height:18px;
	font-size:12px;
}
.u-listShow .item-bottom .tit .icon-qr {

	position: absolute;

	right: 12px;

	top: 12px;

	width: 32px;

	height: 32px;

	cursor:pointer;

}

.s-bg-qr_icon {

	background-position: -133px -70px;

}


.u-listShow .item-bottom .con {

	position: relative;

	width: 100%;

	height: 40px;

	overflow: hidden;

	border-top: 1px solid #f4f4f4;

}

.u-listShow .item-bottom .con p {

	width: 280px;

	padding-left: 10px;

	padding-top: 12px;

	line-height: 100%;

}

.u-listShow .item-bottom .con p a {

	display: inline-block;

	min-width: 5px;

	height: 14px;

	margin-bottom: 14px;

	color: #999;

	line-height: 100%;

}

.u-listShow .item-bottom .con strong {

	position: absolute;

	top: 12px;

	right: 10px;

	display: block;

	width: 75px;

	text-align: right;

}

.u-listShow .item-bottom .con strong a {

	color: #333;

}

.u-listShow {

	width: 280px;

	padding:0 10px;

	overflow: hidden;

}

.f-card {

	

}

.u-listShow .item-bottom .tit h4 a {

	font-size: 13px;

	color: #373737;

}

.u-listShow .item-bottom .tit p a {

	color: #666; font-size:12px

}

.u-listShow .item-bottom .con strong a {

	color: #333;

}

.u-listShow .item-top p.show{

	top:0px;

}

#appListBox{

	overflow: hidden;

	padding-left: 2px;

}

em.scan-all{

	cursor:pointer;

}






.m-listCshow .item:hover{ border:1px #49b44f solid}

.mtitle { padding:40px 0; text-align: center;color: #333; }
.mtitle-white {color: #fff;}
.mtitle h2 { font-size: 38px; font-weight: normal; }
.mtitle .subtitle { font-size: 18px; padding-top: 15px;}
.mtitle .subtitle2 { font-size: 24px;}

.solubox {
	padding:30px 0 65px;
}
.solubox li {
	float: left; position: relative; width:50%;padding:60px 0; min-height: 140px;
}
.solubox li:nth-child(1)::after{ content:''; display:block; background:#d2d2d2; height:1px; position: absolute; left:0; bottom: 0;width: 450px; }
.solubox li:nth-child(2)::after{ content:''; display:block; background:#d2d2d2; height:192px; position: absolute; left:0; top: 0;width: 1px; }
.solubox li:nth-child(3)::after{ content:''; display:block; background:#d2d2d2; height:192px; position: absolute; right:0; bottom: 0;width: 1px; }
.solubox li:nth-child(4)::after{ content:''; display:block; background:#d2d2d2; height:1px; position: absolute; right:0; top: 0;width: 450px; }

.solubox li i { float: left;	display: block;	width: 100px; margin-right:38px; margin-top:10px; }
.solubox li:nth-child(2) i,.solubox li:nth-child(4) i { margin-left: 80px;}
.solubox li .word {float: left;	width: 270px;}
.solubox li .word h3 { font-weight: normal; color:#3bb276; font-size:24px;	margin-bottom:5px;}
.solubox li .word p { font-size:18px;color:#383737;}

.tellsr { margin-bottom: 40px; }
.tellsr .jx{color:#3bb276; border-top:1px solid #3bb276; border-bottom: 1px solid #3bb276; font-size: 24px; width: 720px; margin:0 auto; text-align: center; padding: 20px 0;}
.tellsr .tellnumber { text-align: center; font-size: 24px; padding-top: 14px;}
.tellsr .tellnumber span { margin-left: 14px;}