.share .banner img{
	width: 100%;
}
/*list1*/
.share.list1 .sec1{
	background-color: #fafafa;
}
.share.list1 .sec1 .tit{
	font-size: 30px;
	color: #111;
	border-bottom: 1px dashed #ddd;
	padding: 2% 0;
	margin-bottom: 1%;
}
.share.list1 .sec1 ul{
	font-size: 0;
}
.share.list1 .sec1 ul li{
	display: inline-block;
	vertical-align: top;
	padding: 2.5% 0;
	width: 16%;
	margin-right: 5%;
}
.share.list1 .sec1 ul li:nth-child(5n){
	margin-right: 0;
}
.share.list1 .sec1 ul li .img-box{
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.share.list1 .sec1 ul li .img-box img{
	width: 100%;
}
.share.list1 .sec1 ul li .img-box .circle{
	position: absolute;
	left: 5%;
	top: 5%;
	border: 2px solid rgba(255,255,255,0.8);
	width: 90%;
	height: 90%;
	border-radius: 50%;
}
.share.list1 .sec1 ul li .text-box{
	margin-top: -50%;
	border: 1px solid #e5e5e5;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	background-color: #fff;
	border-radius: 4px;
	text-align: center;
	padding: 55% 8% 9%;
}
.share.list1 .sec1 ul li .text-box .info{
	padding-bottom: 9.5%;
	margin-bottom: 7%;
	border-bottom: 1px solid #e6e6e6;
}
.share.list1 .sec1 ul li .text-box .info h3{
	font-size: 24px;
	color: #4c4c4c;
	font-weight: normal;
	margin-bottom: 5%;
}
.share.list1 .sec1 ul li .text-box .info .box{
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	margin: 0 1.5%;
	font-size: 14px;
	color: #4c4c4c;
	display: inline-block;
	vertical-align: top;
	width: 21%;
	padding: 2.5% 0 7%;
}
.share.list1 .sec1 ul li .text-box .info .box img{
	display: block;
	margin: 0 auto 16%;
	width: 57%;
}
.share.list1 .sec1 ul li .text-box .des{
	text-align: left;
	font-size: 14px;
	color: #4c4c4c;
	line-height: 24px;
	max-height: 100px;
	margin-bottom: 7%;
}
.share.list1 .sec1 ul li .text-box a{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #1a1a1a;
	position: relative;
	border-radius: 4px;
	background-color: #eedc1a;
}
.share.list1 .sec1 ul li .text-box a img{
	position: absolute;
	right: 25px;
	top: 50%;
	margin-top: -5%;
	width: 10%;
}
/*list2*/
.share.list2 .sec1{
	background-color: #f4f4f4;
	padding: 2% 0;
}
.share.list2 .sec1 .tit{
	font-size: 24px;
	color: #4c4c4c;
	font-weight: bold;
	margin-bottom: 1%;
}
.share.list2 .sec1 .tit img{
	vertical-align: middle;
	margin-right: 15px;
}
.share.list2 .sec1 ul{
	margin-bottom: 2%;
}
.share.list2 .sec1 ul li{
	padding: 1.25% 0;
	font-size: 0;
	border-bottom: 1px dashed #e9e9e9;
}
.share.list2 .sec1 ul li:nth-child(4n){
	border-bottom: 0 none;
}
.share.list2 .sec1 ul li .img-box{
	width: 32%;
	display: inline-block;
	vertical-align: top;
}
.share.list2 .sec1 ul li .img-box img{
	width: 100%;
}
.share.list2 .sec1 ul li .text-box{
	width: 68%;
	display: inline-block;
	vertical-align: top;
	padding-left: 3%;
	padding-top: 1%;
}
.share.list2 .sec1 ul li .text-box p{
	font-size: 16px;
	color: #666;
	line-height: 28px;
	margin-bottom: 18px;
}
.share.list2 .sec1 ul li .text-box p.des{
	max-height: 112px;
}
.share.list2 .sec1 ul li .text-box p:last-child{
	margin-bottom: 0;
}
/*list3*/
.share.list2.list3 .sec1 ul li .text-box p.des{
	max-height: 56px;
}
/*detail*/
.share.detail #main{
	background-color: #fafafa;
}
.share.detail #main .tit{
	font-size: 30px;
	color: #111;
	border-bottom: 1px dashed #ddd;
	padding: 2% 0;
	margin-bottom: 2%;
}
.share.detail #main .tit + .inner{
	padding-bottom: 60px;
}
.share.detail .sec1{
	margin-bottom: 1%;
}
.share.detail .sec1 .left{
	float: left;
	width: 260px;
}
.share.detail .sec1 .left .img-box{
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.share.detail .sec1 .left .img-box img{
	width: 100%;
}
.share.detail .sec1 .left .img-box .circle{
	position: absolute;
	left: 5%;
	top: 5%;
	border: 2px solid rgba(255,255,255,0.8);
	width: 90%;
	height: 90%;
	border-radius: 50%;
}
.share.detail .sec1 .left .text-box{
	margin-top: -50%;
	border: 1px solid #e5e5e5;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	background-color: #fff;
	border-radius: 4px;
	text-align: center;
	padding: 55% 8% 9%;
}
.share.detail .sec1 .left .text-box .info{
	padding-bottom: 9.5%;
	margin-bottom: 7%;
	border-bottom: 1px solid #e6e6e6;
}
.share.detail .sec1 .left .text-box .info h3{
	font-size: 24px;
	color: #4c4c4c;
	font-weight: normal;
	margin-bottom: 5%;
}
.share.detail .sec1 .left .text-box .info .box{
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	margin: 0 1.5%;
	font-size: 14px;
	color: #4c4c4c;
	display: inline-block;
	vertical-align: top;
	width: 21%;
	padding: 2.5% 0 7%;
}
.share.detail .sec1 .left .text-box .info .box img{
	display: block;
	margin: 0 auto 16%;
	width: 57%;
}
.share.detail .sec1 .left .text-box .des{
	text-align: left;
	font-size: 14px;
	color: #4c4c4c;
	line-height: 24px;
}
.share.detail .sec1 .right{
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 0 2.5%;
	float: right;
	border-radius: 4px;
	line-height: 675px;
	width: 100%;
}
.share.detail .sec1 .right video{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.share.detail .sec2{
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	padding: 1.875% 2.5%;
	margin-bottom: 1%;
}
.share.detail .sec2 h3{
	font-size: 18px;
	color: #4c4c4c;
	font-weight: bold;
	margin-bottom: 1%;
}
.share.detail .sec2 h3 span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	height: 18px;
	width: 3px;
	background-color: #eedc1a;
	border-radius: 1px;
}
.share.detail .sec2 p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.share.detail .sec3{
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	padding: 1.875% 2.5%;
}
.share.detail .sec3 h4{
	font-size: 16px;
	color: #4c4c4c;
	font-weight: bold;
	margin-bottom: 1.25%;
	margin-top: 2.8%;
}
.share.detail .sec3 h5{
	font-size: 14px;
	color: #4c4c4c;
	font-weight: bold;
	margin-bottom: 1%;
}
.share.detail .sec3 p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
}
/*sharedetail2*/
.share.detail2 #main{
	background-color: #f4f4f4;
}
.share.detail2 #main .tit{
	font-size: 30px;
	color: #111;
	border-bottom: 1px dashed #ddd;
	padding: 2% 0;
	margin-bottom: 2%;
}
.share.detail2 #main .tit img{
	margin-right: 10px;
}
.share.detail2 #main .tit + .inner{
	padding-bottom: 60px;
}
.share.detail2 .sec1{
	margin-bottom: 28px;
}
.share.detail2 .sec1 .left{
	float: left;
	width: 36.56%;
}
.share.detail2 .sec1 .left img{
	width: 100%;
}
.share.detail2 .sec1 .right{
	float: right;
	width: 59.64%;
}
.share.detail2 .sec1 .right p{
	font-size: 16px;
	color: #666;
	line-height: 28px;
	margin-bottom: 20px;
}
.share.detail2 .sec1 .right p:last-child{
	margin-bottom: 0;
}
.share.detail2 .sec2{
	margin-bottom: 28px;
	background-color: #fff;
	padding: 50px;
}
.share.detail2 .sec2 video{
	width: 100%;
}
.share.detail2 .sec3 h4{
	font-size: 16px;
	color: #4c4c4c;
	font-weight: bold;
	margin-bottom: 1.25%;
	margin-top: 2.8%;
}
.share.detail2 .sec3 h5{
	font-size: 14px;
	color: #4c4c4c;
	font-weight: bold;
	margin-bottom: 1%;
}
.share.detail2 .sec3 p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
}
@media only screen and (max-width:1366px){
	
}
@media only screen and (max-width:1280px){
}
@media only screen and (max-width:1024px){

}
@media only screen and (max-width:768px){
	/*list1*/
	.share.list1 .sec1{
		padding: 5.5% 0 8%;
	}
	.share.list1 .sec1 .tit{
		font-size: 1.8rem;
		margin-bottom: 1%;
	}
	.share.list1 .sec1 ul li{
		width: 48.7%;
		margin-right: 2.6%;
	}
	.share.list1 .sec1 ul li:nth-child(5n){
		margin-right: 2.6%;
	}
	.share.list1 .sec1 ul li:nth-child(2n){
		margin-right: 0;
	}
	.share.list1 .sec1 ul li .text-box .info h3{
		font-size: 1.8rem;
	}
	.share.list1 .sec1 ul li .text-box .info .box{
		font-size: 1rem;
	}
	.share.list1 .sec1 ul li .text-box .des{
		font-size: 1.1rem;
		line-height: 2rem;
		max-height: 8rem;
	}
	.share.list1 .sec1 ul li .text-box a{
		height: 3.7rem;
		line-height: 3.7rem;
		font-size: 1.2rem;
	}
	.share.list1 .sec1 .mobile .more{
		display: block;
		border-radius: 4px;
		background-color: #ead000;
		color: #fff;
		font-weight: bold;
		font-size: 1.5rem;
		height: 3.7rem;
		line-height: 3.7rem;
		text-align: center;
	}
	/*list2*/
	.share.list2 .sec1{
		padding: 5.5% 0 8%;
	}
	.share.list2 .sec1 .tit{
		font-size: 1.8rem;
		margin-bottom: 6%;
	}
	.share.list2 .sec1 .tit img{
		width: 1.8rem;
		margin-right: 1rem;
	}
	.share.list2 .sec1 ul li{
		padding: 0;
		border-bottom: 0 none;
		margin-bottom: 4%;
	}
	.share.list2 .sec1 ul li .img-box{
		width: 100%;
	}
	.share.list2 .sec1 ul li .text-box{
		width: 100%;
		padding: 4%;
		background-color: #fff;
	}
	.share.list2 .sec1 ul li .text-box p{
		font-size: 1.1rem;
		line-height: 2.2rem;
		margin-bottom: 1rem;
	}
	.share.list2 .sec1 ul li .text-box p.des{
		max-height: 6.6rem;
	}
	.share.list2 .sec1 .mobile .more{
		display: block;
		border-radius: 4px;
		background-color: #ead000;
		color: #fff;
		font-weight: bold;
		font-size: 1.5rem;
		height: 3.7rem;
		line-height: 3.7rem;
		text-align: center;
	}
	/*list3*/
	.share.list2.list3 .sec1 ul li .text-box p.des{
		max-height: 6.6rem;
	}
	/*detail*/
	.share.detail #main .tit{
		font-size: 1.8rem;
		padding-top: 5.5%;
		margin-bottom: 5%;
	}
	.share.detail #main .tit + .inner{
		padding-bottom: 8%;
	}
	.share.detail .sec1{
		margin-bottom: 3%;
	}
	.share.detail .sec1 .left{
		float: none;
		width: 100%;
		margin-bottom: 8.6%;
	}
	.share.detail .sec1 .left .img-box{
		width: 48.7%;
		margin: -1% auto 0;
	}
	.share.detail .sec1 .left .text-box{
		padding: 30% 8% 6.5%;
		margin-top: -25%;
	}
	.share.detail .sec1 .left .text-box .info h3{
		font-size: 1.8rem;
	}
	.share.detail .sec1 .left .text-box .info .box{
		font-size: 1rem;
	}
	.share.detail .sec1 .left .text-box .des{
		font-size: 1.1rem;
		line-height: 2.1rem;
	}
	.share.detail .sec1 .left .text-box .des b{
		display: block;
		text-align: center;
	}
	.share.detail .sec1 .right{
		float: none;
		width: 100%;
		padding: 5%;
		line-height: 1;
	}
	.share.detail .sec2{
		padding: 3.7%;
		margin-bottom: 3%;
	}
	.share.detail .sec2 h3{
		font-size: 1.2rem;
		margin-bottom: 4%;
	}
	.share.detail .sec2 h3 span{
		margin-right: 0.5rem;
		height: 1.2rem;
		width: 2px;
	}
	.share.detail .sec2 p{
		font-size: 1.1rem;
		line-height: 2rem;
	}
	.share.detail .sec3{
		padding: 3.7%;
	}
	.share.detail .sec3 h4{
		font-size: 1.1rem;
		margin-bottom: 1.5rem;
		margin-top: 3.5rem;
	}
	.share.detail .sec3 h5{
		font-size: 1.1rem;
		margin-bottom: 1rem;
	}
	.share.detail .sec3 p{
		font-size: 1.1rem;
		line-height: 2rem;
		margin-bottom: 0.6rem;
	}
	/*sharedetail2*/
	.share.detail2 #main .tit{
		font-size: 1.8rem;
		padding-top: 5.5%;
		margin-bottom: 5%;
	}
	.share.detail2 #main .tit img{
		width: 1.8rem;
		vertical-align: middle;
	}
	.share.detail2 #main .tit + .inner{
		padding-bottom: 8%;
	}
	.share.detail2 .sec1{
		margin-bottom: 2.5%;
	}
	.share.detail2 .sec1 .left{
		width: 100%;
	}
	.share.detail2 .sec1 .right{
		width: 100%;
	}
	.share.detail2 .sec1 .right p{
		font-size: 1.1rem;
		line-height: 2rem;
		margin-bottom: 0.6rem;
	}
	.share.detail2 .sec2{
		margin-bottom: 2.5%;
		padding: 5%;
	}
	.share.detail2 .sec3 h4{
		font-size: 1.1rem;
		margin-bottom: 1.5rem;
		margin-top: 3.5rem;
	}
	.share.detail2 .sec3 h5{
		font-size: 1.1rem;
		margin-bottom: 1rem;
	}
	.share.detail2 .sec3 p{
		font-size: 1.1rem;
		line-height: 2rem;
		margin-bottom: 0.6rem;
	}
}
@media only screen and (max-width:767px){

}
@media only screen and (max-width:414px){

}
@media only screen and (max-width:320px){

}