.food .pic,.braise .pic{text-align: center;}
.food .pic img{width: 410px;margin: 30px 0 18px;}
.food .pic p{font-size: 20px;color: #57381b;background-color: #fad807;margin: 0 auto;line-height: 40px;width: 260px;text-align: center;}
.food .con i{font-size: 23px;color: #57381b;width: 35px;height: 35px;background-color: #fad807;border-radius: 50%;display: inline-block;text-align: center;line-height: 35px;margin: 55px 0 28px;}
.food .con .nth-1{animation: y 3s linear infinite;}
.food .con .nth-2{animation: y 3s 0.5s linear infinite;}
.food .con .nth-3{animation: y 3s 1s linear infinite;}
.food .con .nth-4{animation: y 3s 1.5s linear infinite;}
.food .con .nth-5{animation: y 3s 2s linear infinite;}
.food .con .nth-6{animation: y 3s 2.5s linear infinite;}
.food .con p{font-size: 14px;line-height: 1.9em;margin-bottom: 3px;text-align: justify;}
@keyframes y {
    0% {transform: translateY(0);}
    15% {transform: translateY(-5px);}
    30% {transform: translateY(0);}
    100% {transform: translateY(0);}
}

.safe li{position: relative;top: 0;transition: 0.3s;}
.safe li:hover{top: -5px;}
.safe li img{width: 280px;height: 160px;}
.safe li p{background-color: #f9f9f9;line-height: 50px;text-align: center;}

.braise,.braised{margin-top: 30px;}
.braise .pic img{width: 467px;}
.braise .con .name{font-size: 20px;margin: 8px 0 15px;display: block;}
.braise .con .line{width: 60px;height: 2px;position: absolute;top: 31px;left: 18px;background-color: #ff8500;display: block;}
.braise .con .title{font-size: 14px;color: #626365;margin-top: 3px;}
.braise .con ul{display: flex;margin-top: 30px;}
.braise .con li{margin-right: 50px;}
.braise .con li b{font-size: 26px;width: 50px;height: 50px;border: 5px solid #ff8500;text-align: center;line-height: 50px;display: block;border-radius: 50%;transition: 0.3s;}
.braise .con li:hover b{color: #fff;background-color: #ff8500;}
.braise .con li .list{display: flex;margin-top: 10px;}
.braise .con li p{writing-mode: tb-rl;}
.braise .con li i{font-size: 14px;color: #8c8c8c;writing-mode: tb-rl;margin: 0 3px 0 10px;letter-spacing: 1px;}

.braised .pic{display: flex;}
.braised .pic img{width: 210px;}
.braised .formula{width: 280px;height: 280px;background-color: #f9f9f9;padding: 20px;margin: 0 20px;box-sizing: border-box;position: relative;}
.braised .formula i{font-size: 20px;}
.braised .formula p{font-size: 14px;color: #626365;margin-top: 15px;line-height: 2.8em;text-align: justify;}
.braised .formula .line{width: 237px;position: absolute;top: 100px;left: 20px;}
.braised .con em{font-size: 20px;margin: 2px 0 15px;display: block;}
.braised .con li{margin-bottom: 12px;}
.braised .con li p{margin-bottom: 3.5px;transition: 0.3s;}
.braised .con li:hover p{color: #ff8500;}
.braised .con li p::after{width: 96px;height: 2px;background-color: #ff8500;margin-top: -3px;display: block;content: '';}
.braised .con li:nth-child(4) p::after{width: 63px;}
.braised .con li i{font-size: 14px;color: #626365;}

.sweet .con li p::after{width: 63px;}

@media screen and (max-width: 1440px) {

}