.advantage .pic{text-align: center;}
.advantage .pic img{width: 530px;}
.advantage ul{width: 560px;}
.advantage li{margin-bottom: 20px;display: flex;}
.advantage li .icon{width: 50px;margin-right: 20px;}
.advantage li:nth-child(1) .icon{animation: y 6s linear infinite;}
.advantage li:nth-child(2) .icon{animation: y 6s 1.5s linear infinite;}
.advantage li:nth-child(3) .icon{animation: y 6s 3s linear infinite;}
.advantage li:nth-child(4) .icon{animation: y 6s 4.5s linear infinite;}
.advantage li p{margin: 3px 0 2px;}
.advantage li i{font-size: 14px;color: #606060;}
@keyframes y {
    0% {transform: rotateY(0);}
    15% {transform: rotateY(180deg);}
    30% {transform: rotateY(0);}
    100% {transform: rotateY(0);}
}

.compete,.concept{width: 1200px;position: relative;background-color: #f9f9f9;margin: 40px auto 50px;box-sizing: border-box;}
.compete .title{position: absolute;top: 30px;left: 0;right: 0;margin: 0 auto;width: 150px;}
.compete .title b,.concept .title b{font-size: 230px;font-family: arial;color: #f1db8f;letter-spacing: 2px;font-style: italic;}
.compete .title p{font-size: 50px;color: #57381b;position: absolute;top: -8px;left: 40px;letter-spacing: 6px;writing-mode: tb-rl;white-space: nowrap;}
.compete ul,.concept ul{width: 1160px;padding: 20px 0 0;}
.compete li{width: 500px;background-color: #fdda06;padding: 22px;margin-bottom: 20px;box-sizing: border-box;transition: 0.3s;}
.compete li:hover{box-shadow: 0 0 10px #d7cab7;}
.compete li i{font-size: 18px;color: #57381b;background-color: #f7c600;width: 35px;height: 35px;line-height: 35px;font-family: arial;display: inline-block;border-radius: 50%;text-align: center;}
.compete li p{color: #57381b;display: inline-block;margin-left: 5px;}

.system li{width: 360px;height: 250px;background-color: #fff;padding: 10px 20px;position: relative;box-sizing: border-box;}
.system li .title{position: relative;}
.system li b{color: #fff;width: 120px;line-height: 40px;background-color: #fe9522;display: block;text-align: center;margin: 0 0 10px -20px;transition: 0.3s;}
.system li:hover b{margin-left: 0;}
.system li p{font-size: 14px;color: #696969;line-height: 1.75em;}
.system li .pic{position: absolute;bottom: 10px;right: 10px;}

.concept .title{position: absolute;top: 125px;left: 0;right: 0;margin: 0 auto;width: 400px;}
.concept .title b{font-size: 330px;}
.concept .title p{font-size: 140px;color: #57381b;position: absolute;top: 90px;left: 0;right: 0;text-align: center;}
.concept li{width: 280px;height: 130px;background-color: #fdda06;text-align: center;margin-bottom: 20px;}
.concept li:nth-child(5),.concept li:nth-child(7){margin-right: 400px;}
.concept li b{font-size: 26px;color: #57381b;background-color: #f7c600;width: 50px;height: 50px;line-height: 50px;font-family: arial;margin: 18px auto 10px;text-align: center;border-radius: 50%;display: block;position: relative;top: 0;transition: 0.3s;}
.concept li:hover b{top: -5px;}
.concept li p{color: #57381b;font-size: 20px;}

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

}