/* CSS Document */

/*share*/
.part_tit{margin-bottom:20px; text-align: center;}
.part_tit h2{font-size: 3.2rem;padding-bottom: 10px; line-height: 100%; font-weight: bold;}
.part_tit p{font-size: 1.6rem;}

.part_all{padding:60px 0;}
.part_all .part_con {clear: both; overflow: hidden; padding: 2rem 0;}

/*animation part_all*/
.part_all .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }


/*share_a*/
.share_a{}

.common_a ul li .item{margin-bottom: 2rem; position: relative; -webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; overflow: hidden;}
.common_a ul li .item .item_pic{ text-align: center;position: relative;z-index: 2; padding: 3.9rem 0;background-size: cover; }
.common_a ul li .item .item_pic span{ width: 10rem; height: 10rem; line-height:10rem; border-radius: 50%; display: inline-block;}
.common_a ul li .item .item_pic span i{font-size:6rem; color: #fff;display: inline-block;}
.common_a ul li .item .item_con{position: relative;z-index: 2;padding:1.5rem 2rem 2rem;background: #fff; }
.common_a ul li .item .item_con h3{font-size: 1.8rem; padding: 1rem 0;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center; font-weight: bold;}
.common_a ul li .item .item_con p{line-height: 200%; color:#666; text-align: center;}

.common_a ul li:hover .item {border-color:#ff6d6d; }
.common_a ul li:hover .item .item_pic i{animation: imgzoom 0.5s; -moz-animation: imgzoom 0.5s; -webkit-animation: imgzoom 0.5s;  -o-animation: imgzoom 0.5s; animation-fill-mode : forwards }
.common_a ul li:hover .item .item_con h3{animation: fadeInUp 0.5s; -moz-animation: fadeInUp 0.5s; -webkit-animation: fadeInUp 0.5s;  -o-animation: fadeInUp 0.5s; }

/*share_b*/
.share_b{ background:#fff;}

.common_b ul li .item{position: relative; -webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; overflow: hidden;}
.common_b ul li .item .item_pic{ text-align: center;position: relative;z-index: 2; padding: 1rem 0;background-size: cover; }
.common_b ul li .item .item_con{position: relative;z-index: 2;padding:0 2rem 2rem;background: #fff; }
.common_b ul li .item .item_con h3{font-size: 1.8rem; padding: 1rem 0;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center; font-weight: bold;}
.common_b ul li .item .item_con p{line-height: 200%; color:#666; text-align: center;}

.common_b ul li:hover .item {border-color:#ff6d6d; }
.common_b ul li:hover .item .item_pic img{animation: rotateIn 0.5s; -moz-animation: rotateIn 0.5s; -webkit-animation: rotateIn 0.5s;  -o-animation: rotateIn 0.5s; animation-fill-mode : forwards }
.common_b ul li:hover .item .item_con h3{animation: fadeInUp 0.5s; -moz-animation: fadeInUp 0.5s; -webkit-animation: fadeInUp 0.5s;  -o-animation: fadeInUp 0.5s; }



/*share_c*/
.share_c{background:url(../images/wx_a_bga.jpg) no-repeat;  background-size: cover; background-attachment: fixed;}
.share_c .part_tit h2{color: #fff;}
.share_c .part_tit p{color: rgba(255,255,255,0.80);}

.share_c .part_pic{text-align: center; }
.share_c .part_pic img{max-width: 100%; vertical-align: top;}


.common_c ul li .item{padding:2rem 0 1.5rem;position: relative; -webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; color: #fff;overflow: hidden; }
.common_c ul li .item .item_pic{ text-align: center;position: relative;z-index: 2; }
.common_c ul li .item .item_pic span{ width: 8rem; height: 8rem; line-height:8rem; border-radius:20px; display: inline-block;}
.common_c ul li .item .item_pic span i{font-size:5rem; color: #fff;display: inline-block;}
.common_c ul li .item .item_con{position: relative;z-index: 2; }
.common_c ul li .item .item_con h3{font-size: 1.8rem; padding:0.5rem 0;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: bold;}
.common_c ul li .item .item_con p{line-height:200%; color:rgba(255,255,255,0.80);}

.common_c ul li:hover .item .item_pic i{animation: imgzoom 0.5s; -moz-animation: imgzoom 0.5s; -webkit-animation: imgzoom 0.5s;  -o-animation: imgzoom 0.5s; animation-fill-mode : forwards }
.common_c ul li:hover .item .item_con{animation: fadeInLeft 0.5s; -moz-animation: fadeInLeft 0.5s; -webkit-animation: fadeInLeft 0.5s;  -o-animation: fadeInLeft 0.5s; }


/*share_d*/
.share_d{}

.common_d ul li .item{margin-bottom: 2rem; position: relative; -webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; overflow: hidden;}
.common_d ul li .item .item_pic{ text-align: center;position: relative;z-index: 2; }
.common_d ul li .item .item_pic .pic_con{ clear: both; overflow: hidden;}
.common_d ul li .item .item_pic .pic_con img{width: 100%;}
.common_d ul li .item .item_con{position: relative;z-index: 2;padding:1.5rem 2rem 2rem;background: #fff; }
.common_d ul li .item .item_con h3{font-size: 1.8rem; padding: 1rem 0;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center; font-weight: bold;}
.common_d ul li .item .item_con p{line-height: 200%; color:#666; text-align: center;}

.common_d ul li:hover .item {border-color:#ff6d6d; }
.common_d ul li:hover .item .item_pic img{animation: imgzoom 0.5s; -moz-animation: imgzoom 0.5s; -webkit-animation: imgzoom 0.5s;  -o-animation: imgzoom 0.5s; animation-fill-mode : forwards }
.common_d ul li:hover .item .item_con{animation: fadeInUp 0.5s; -moz-animation: fadeInUp 0.5s; -webkit-animation: fadeInUp 0.5s;  -o-animation: fadeInUp 0.5s; }

@media screen and (max-width: 768px){
	.part_all{padding:30px 0;}
	
	.share_b .colsix{width:50%;}
	
	.share_c .item{text-align: center;}
	
}