.list_c{ width:720px;  margin: auto; background: #A27FCF; padding: 0 15px;overflow: hidden;}
.list_top{ width: 690px; height: 341px; margin-top: 19px; overflow: hidden;}
.list_top li{ float: left; position: relative;}
.list_top li:nth-child(1) a{ width: 296px; height: 341px; display: block;}
.list_top li:nth-child(2) a,.list_top li:nth-child(3) a{ width: 390px; height: 169px; display: block;}
.list_top li:nth-child(1){margin-right: 4px;}
.list_top li:nth-child(2){ margin-bottom: 4px;}
.list_top .anniu{ width: 29px; height: 38px; position: absolute;    
	animation-name: mychange;           /*动画的名字*/
    animation-duration: 1000ms;     /*定义动画完成一个周期所需要的时间，以秒或毫秒计*/
    animation-iteration-count: infinite;        /*定义动画的播放次数，这里是无限播放*/
    animation-direction: normal;         /*定义是否应该轮流反向播放动画，这里是动画轮流播放*/}
.list_top li:nth-child(1) .anniu{ left: 230px; top: 33px;}
.list_top li:nth-child(2) .anniu{ left: 350px; top: 28px;}
.list_top li:nth-child(3) .anniu{ left: 200px; top: 25px;}

.list_menu{ width: 690px; height: 60px; text-align: center; margin-top: 25px; margin-bottom: 15px;}
.list_menu ul{ display: inline-block;}
.list_menu li{  height: 60px; float: left; border-radius: 10px;}
.list_menu li a{ width: 100%; display: block; height: 60px; color: #4d4d4d; line-height: 60px; font-size: 25px;background: #FFF;border-radius: 10px;}
.list_menu .on a{ background: #fe449e; color: #FFF;}

.list_con{ width: 690px; margin: auto; background: #FFF; padding-top: 28px; padding-bottom: 0px; margin-bottom: 25px;}
.list_con ul{ display: inline-block;}
.list_con ul li{ width: 305px; height: 553px; border: #ddbfda 1px solid; float: left; margin-bottom: 35px; position: relative;}
.list_con ul li:nth-of-type(odd){ margin-left: 25px;}
.list_con ul li:nth-of-type(even){ margin-left: 30px;}

.list_con .con_p1{ font-size:25px; line-height:40px; color:#4c4c4c; text-align:center; margin-top:5px;}
.list_con .con_p2{ color:#4c4c4c; font-size:20px; line-height:30px; text-align:center; width:100%;}
.list_con .con_p2 img{border: 0;vertical-align: top; margin-top:5px; margin-right:7px;}
.list_con .con_p3{ line-height:30px; font-size:20px; color:#4c4c4c; margin-left:20px; float:left; margin-top:13px;}
.list_con .con_p3 img{ margin-top:5px;border: 0;vertical-align: top; margin-right:5px;}
.list_con .con_a{ display:block; width:236px; height:53px;  border-radius:25px; position:absolute; bottom:15px; left:39px; color:#FFF; line-height:53px; text-align:center; font-size:24px; background: #fe449e;}





/* animation: pulse 1s ease 0s normal none infinite running; */

@keyframes mychange {
    0% {
        /* -webkit-transform: scale(1); */
        /* -ms-transform: scale(1); */
        /* transform: scale(1) */
		width:29px;
		height:38px
    }
    50% {
        /* -webkit-transform: scale(2); */
        /* -ms-transform: scale(2); */
        /* transform: scale(2); */
		width:34.8px;
		height:45.6px
    }
    100% {
        /* -webkit-transform: scale(1); */
        /* -ms-transform: scale(1); */
        /* transform: scale(1) */
		width:29px;
		height:38px
    }
}